谷歌浏览器 怎么用js复制东西到剪贴板

谷歌浏览器 怎么用js复制东西到剪贴板,第1张

代码如下:

JS复制内容到剪贴板: 兼容IE、Firefox、Chrome、Safari所有浏览器

function copyToClipboard(txt) {

if(windowclipboardData)

{

windowclipboardDataclearData();

windowclipboardDatasetData("Text",txt);

alert("网址复制成功!快用Ctrl+V粘贴到QQ,MSN中发送给好友吧!")

}

else if(navigatoruserAgentindexOf("Opera") != -1)

{

windowlocation = txt;

alert("网址复制成功!快用Ctrl+V粘贴到QQ,MSN中发送给好友吧!")

}

else if (windownetscape)

{

try {

netscapesecurityPrivilegeManagerenablePrivilege("UniversalXPConnect");

}

catch (e)

{

alert("被浏览器拒绝!\n请在浏览器地址栏输入'about:config'并回车\n然后将'signedappletscodebase_principal_support'设置为'true'");

}

var clip = Componentsclasses['@mozillaorg/widget/clipboard;1']createInstance(ComponentsinterfacesnsIClipboard);

if (!clip) return;

var trans = Componentsclasses['@mozillaorg/widget/transferable;1']createInstance(ComponentsinterfacesnsITransferable);

if (!trans) return;

transaddDataFlavor('text/unicode');

var str = new Object();

var len = new Object();

var str = Componentsclasses["@mozillaorg/supports-string;1"]createInstance(ComponentsinterfacesnsISupportsString);

var copytext = txt;

strdata = copytext;

transsetTransferData("text/unicode",str,copytextlength2);

var clipid = ComponentsinterfacesnsIClipboard;

if (!clip) return false;

clipsetData(trans,null,clipidkGlobalClipboard);

alert("网址复制成功!快用Ctrl+V粘贴到QQ,MSN中发送给好友吧!")

}

}

copyToClipboard('ABCD')

这些代码都是一样的,不存在原创与复制

经常看到这样一种效果:就是单击一个按钮,就将某个区域内的内容,复制到了剪切板中。其实这个功能实现起来也不难,核心就是用到了window子对象clipboardData的一个方法:setData()

语法:

参数:

返回值:复制成功返回true;失败返回false。

例如

提供了对剪贴板的访问。

三个方法

可用JS。

方法一:只对IE有效:<script>function copyToClipboard() { var d = documentall("source")value; windowclipboardDatasetData('text', d); } </script><button onclick="copyToClipboard();">拷贝</button> <input type="text" size=20 id="source" value="测试数据"><button onclick="alert(windowclipboardDatagetData('text'));">显示</button> <button onclick="windowclipboardDataclearData('text');">清空</button>

对于直接复制是一个很危险的 *** 作,为了安全谷歌和其他浏览器都做了阻止,除了出来IE这种垃圾浏览器以外。目前网上的都是借助flash来达到兼容,其他的方法还真没见过。另外html5当然以谷歌内核为主:有条报道:Chrome doesn't do documentexecCommand('copy') since October 2010

虽然2010年后谷歌就不允许使用上述方法进行复制了,但是以提醒的方法来做:

function copyToClipboard(text) {  windowprompt("Copy to clipboard: Ctrl+C, Enter", text);}

复制到剪贴板:windowclipboardDatasetData("Text",值的变量)

从剪贴板读取:windowclipboardDatagetData("Text")

你看看行不?

<script language="javascript">

function readTxt()

{

alert(documentgetElementById("div_")innerHTML);

}

function setTxt()

{

var t=documentgetElementById("div_")innerHTML;

windowclipboardDatasetData('text',t);

}

</script>

<input type="button" value="复制" onclick="setTxt()">

<div id="div_">此处显示新 Div 标签的内容</div>

您好!很高兴为您答疑!

您可以参考下面的代码:

<script>

function copyToClipboard()

{

var d = documentall("source")value;

windowclipboardDatasetData('text', d);

}

</script>

<BODY>

<button onclick="copyToClipboard();">拷贝</button>

<input type="text" size=20 id="source" value="测试数据">

<br>

<button onclick="alert(windowclipboardDatagetData('text'));">显示</button>

<button onclick="windowclipboardDataclearData('text');">清空</button>

</BODY>

您可以在火狐社区了解更多内容。希望我的回答对您有所帮助,如有疑问,欢迎继续在本平台咨询。

以上就是关于谷歌浏览器 怎么用js复制东西到剪贴板全部的内容,包括:谷歌浏览器 怎么用js复制东西到剪贴板、js 剪切板的用法(clipboardData.setData)、html5+js,如何实现,复制到剪切板等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/10166104.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-05
下一篇 2023-05-05

发表评论

登录后才能评论

评论列表(0条)

保存