• 技术文章 >web前端 >js教程

    Javascript 实现复制(Copy)动作方法大全_javascript技巧

    2016-05-16 16:43:46原创606
    一、实现点击按钮,复制文本框中的的内容

    
    
    

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

    
    
    
    
    Js复制代码
    
    

    三、直接复制 url

    
    

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

    
    

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

    六、复制 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("被浏览器拒绝!
    请在浏览器地址栏输入'about:config'并回车
    然后将 '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)

    
    
    Zero Clipboard Test
    
    
    
    
    复制
    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:javascript 复制
    上一篇:Nodejs sublime text 3安装与配置_node.js 下一篇:jquery操作checked属性以及disabled属性的多种方法_jquery
    大前端线上培训班

    相关文章推荐

    • javascript如何获取当前方法名• javascript怎么设置p的值• javascript怎么检测变量是否存在• JavaScript如何获取HTML元素• javascript怎么将字符转换成数字

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网