复制到剪切板js代码兼容 IE 与 Firefox

下面这个代码是我自己最常用的

 代码如下 复制代码

<title>JS复制到剪切板</title>
</head>
<script>
function showDivLinkCopy() {
 var msg=document.getElementById("text").value;
    window.clipboardData.setData("Text",msg); 
}
</script>
<body>
<input name="" type="text" id="text" value="点击右边的复制"  style=" border:1px solid #ccc; padding:4px; font-size:14px; color:#444; width:200px; line-height:20px;" />
<a href="javascript:void(0);" onclick="showDivLinkCopy()" style="padding-left:15px; line-height:30px; font-size:16px;">复制</a>
</body>
</html>

但是使用起来在ie下没有任何问题，如果在ff浏览器就没有反应了，后来百度了一个兼容性更好复制到剪切板
js代码

此脚本是传递一个字符串给copyToClipboard，它将被复制的文字被放置到剪贴板，您可以粘贴到其他程序。

 代码如下 复制代码

function copyToClipboard(s)
{
    if( window.clipboardData && clipboardData.setData )
    {
        clipboardData.setData("Text", s);
    }
    else
    {
        // You have to sign the code to enable this or allow the action in about:config by changing
        user_pref("signed.applets.codebase_principal_support", true);
        netscape.security.PrivilegeManager.enablePrivilege('UniversalXPConnect');
 
        var clip Components.classes['@mozilla.org/widget/clipboard;[[[[1]]]]'].createInstance(Components.interfaces.nsIClipboard);
        if (!clip) return;
 
        // create a transferable
        var trans = Components.classes['@mozilla.org/widget/transferable;[[[[1]]]]'].createInstance(Components.interfaces.nsITransferable);
        if (!trans) return;
 
        // specify the data we wish to handle. Plaintext in this case.
        trans.addDataFlavor('text/unicode');
 
        // To get the data from the transferable we need two new objects
        var str = new Object();
        var len = new Object();
 
        var str = Components.classes["@mozilla.org/supports-string;[[[[1]]]]"].createInstance(Components.interfaces.nsISupportsString);
 
        var copytext=meintext;
 
        str.data=copytext;
 
        trans.setTransferData("text/unicode",str,copytext.length*[[[[2]]]]);
 
        var clipid=Components.interfaces.nsIClipboard;
 
        if (!clip) return false;
 
        clip.setData(trans,null,clipid.kGlobalClipboard);
    }
}

使用上述示例代码…

 代码如下 复制代码

<textarea id='testText'>#COPYTOCLIPBOARD CODE#</textarea><br>
<button onclick='copyToClipboard(document.getElementById('testText').value);'>

权限

基于Mozilla的浏览器将请求许可，方可让这个用户复制剪贴板中的。

注：目前尚无支持safari的脚本可以实现复制到剪切板

时间： 2024-05-19 04:10:02

复制到剪切板js代码兼容 IE 与 Firefox的相关文章

兼容ie,ff 复制到剪切板js代码

兼容ie,ff 复制到剪切板js代码 <form name="form01"><input type="text" onmouseo教程ver="this.select();" class="iform sizeb" value="需要复制的内容!" name="contents"/> <input type="button" oncli

js 复制到剪切板 js 剪切板

js 复制到剪切板   js 剪切板   js实现画图功能   js实现复制   复制到剪切板 剪切变成复制   剪切功能   右键剪切变成复制   vb 复制到剪切板   剪切与复制 <SCRIPT language=JavaScript> function copy(ob){ var obj=findObj(ob); if (obj) { obj.select();js=obj.createTextRange();js.execCommand("Copy");} } f

JS将制定内容复制到剪切板示例代码_javascript技巧

复制代码 代码如下: function copyText() { //复制内容 var txt = document.getElementById("table2").rows[1].cells[0].innerHTML; //去除空格 txt = txt.replace(/ /," "); //去除换行 txt = txt.replace(/<BR><BR>/," "); if (window.clipboardData

js复制到剪切板的实例方法

这篇文章介绍了复制到剪切板js代码,有需要的朋友可以参考需要   复制代码 代码如下: <script type="text/javascript" language="javascript"> //复制到剪切板js代码 function copyToClipBoard(s) { //alert(s); if (window.clipboardData) { window.clipboardData.setData("Text", s

js复制到剪切板的实例方法_javascript技巧

复制代码 代码如下: <script type="text/javascript" language="javascript">         //复制到剪切板js代码         function copyToClipBoard(s) {             //alert(s);             if (window.clipboardData) {                 window.clipboardData.setD

JS将制定内容复制到剪切板的方法

 这篇文章主要介绍了JS将制定内容复制到剪切板的方法,需要的朋友可以参考下  代码如下: function copyText() {    //复制内容  var txt = document.getElementById("table2").rows[1].cells[0].innerHTML;    //去除空格  txt = txt.replace(/ /," ");    //去除换行  txt = txt.replace(/<BR><BR

zeroclipboardjs 复制到剪切板的flash代码

zeroclipboard网页特效 复制到剪切板的flash代码 //这步很重要,设定flash文件引用路径. zeroclipboard.setmoviepath('http://www.111cn.net/scripts/zeroclipboard/zeroclipboard.swf'); //创建zeroclipboard对象 clip = new zeroclipboard.client(); clip.sethandcursor(true); //加载事件,在mouseo教程ver事件

JQ插件zclip复制到剪切板的几个例子

复制到剪切板的功能,在我们分享网址,邀请朋友的时候会用到,而针对IE浏览器我们有很好的办法,但随着用chrome浏览器的人越来越多,我们就需要写出兼容各大浏览器的代码,现在为大家介绍一个jquery的插件zclip,专门用来处理复制功能的,用法很简单. html: <script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>

js实现兼容IE、Firefox的图片缩放代码_javascript技巧

本文实例讲述了js实现兼容IE.Firefox的图片缩放代码.分享给大家供大家参考,具体如下: function SetSize(obj, width, height) { myImage = new Image(); myImage.src = obj.src; if (myImage.width > 0 && myImage.height > 0) { var rate = 1; if (myImage.width > width || myImage.height