JS实现复制功能的方法（总结）

本篇文章给大家介绍一些javascript实现复制功能的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。

Javascript 实现复制功能的方法

一、实现点击按钮，复制文本框中的的内容

 
用户定义的代码区域

 原理：点击按钮的时候触发copyUrl2函数，根据biao1 ID选中对象，然后在根据execCommand复制选中内容，所以此时选择的内容必须是可视的，也就是说不能是隐藏的文本域。

二、复制专题地址和 url 地址，传给 QQ/MSN 上的好友

三、直接复制 url

四、点击文本框时，复制文本框里面的内容

6款图片鼠标悬停效果JS代码

6款图片鼠标悬停效果JS代码，鼠标悬停在图片上后，文字标题以6种不同的动画形式出现，兼容主流浏览器，php中文网推荐下载！ 使用方法： 1、head区域引用css文件，modernizr.custom.js 2、在文件中加入!-- 代码 开始 --!-- 代码 结束 --区域代码 3、复制images文件夹里的图片到相应的路径

下载

五、复制文本框或者隐藏域中的内容

六、复制 span 标记中的内容

七、浏览器兼容  copyToClipboard("拷贝内容")

function copyToClipboard(txt) {
      if (window.clipboardData) {
        window.clipboardData.clearData();
        clipboardData.setData("Text", txt);
        alert("复制成功！");
   
      } else if (navigator.userAgent.indexOf("Opera") != -1) {
        window.location = txt;
      } else if (window.netscape) {
        try {
          netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
        } catch (e) {
          alert("被浏览器拒绝！\n请在浏览器地址栏输入'about:config'并回车\n然后将 'signed.applets.codebase_principal_support'设置为'true'");
        }
        var clip = Components.classes['@mozilla.org/widget/clipboard;1'].createInstance(Components.interfaces.nsIClipboard);
        if (!clip)
          return;
        var trans = Components.classes['@mozilla.org/widget/transferable;1'].createInstance(Components.interfaces.nsITransferable);
        if (!trans)
          return;
        trans.addDataFlavor("text/unicode");
        var str = new Object();
        var len = new Object();
        var str = Components.classes["@mozilla.org/supports-string;1"].createInstance(Components.interfaces.nsISupportsString);
        var copytext = txt;
        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);
        alert("复制成功！");
      }
    }

八、兼容各大浏览器的复制代码（结合ZeroClipboard.js）

复制

更多编程相关知识，请访问：编程视频！！