zoukankan      html  css  js  c++  java
  • js实现点击copy,可兼容

      在实现功能时写的一个小demo,可以实现点击复制内容(任何你需要copy的文字内容data)。

      经测试,可兼容 chrome, edge, firefox, ie, opera, safari,至于版本的话肯定是有限制的,你可以尝试一下版本的底线。

      下面就是demo,你可以使用在任何地方。

     1 <!DOCTYPE html>
     2 <html>
     3 <head>
     4     <meta charset="utf-8">
     5     <title>js实现copy</title>
     6 </head>
     7 <body>
     8     <div>
     9         <span>阳光总在风雨后。</span>
    10     </div>
    11     <input type="text" name="" placeholder="请粘贴测试">
    12 <script type="text/javascript">
    13     (function(){
    14         var span = document.getElementsByTagName('span')[0];
    15         span.addEventListener('click', function(event){
    16             var t, p, i;
    17             t = event.target || event.srcElement;19             p = t.parentNode;
    20             i = document.createElement('input');
    21             i.width = 0;
    22             i.height = 0;
    23             i.value = t.innerText;
    24             p.appendChild(i);
    25             i.focus();
    26             i.setSelectionRange(0, i.value.length);
    27             document.execCommand('copy', true);
    28             p.removeChild(i);
    29         },false);
    30     })();
    31 </script>
    32 </body>
    33 </html>

       哦,对了,如果是IE的话,你应该用IE的事件处理程序attachEvent。

      谢谢你的浏览,如果觉得不错,请点赞TT。

  • 相关阅读:
    [f]动态判断js加载完成
    [f]添加css3动画的方法
    Meta标签以及viewport
    数据结构与算法-单向链表
    Denormalization 2
    Normalization
    Denormalization
    C# 通过反射获取扩展方法
    从ord()中对Unicode编码的理解
    python访问MS SqlServer(通过pyodbc)
  • 原文地址:https://www.cnblogs.com/zgh-blog/p/jsCopyContent.html
Copyright © 2011-2022 走看看