实现复制到剪贴板功能

实现代码复制功能很简单,使用内置方法execCommand就可以,它可以传入的参数包括 ‘cut’, ‘copy’ 和 ‘paste’ 。

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <textarea cols="30" rows="10"></textarea> <button data-copyrange="#text">点击</button> <script> (function(window){ "use strict"; document.addEventListener("click",copy,false); function copy(e){ var target = e.target; if(target.dataset.copyrange){ var t = document.querySelector(target.dataset.copyrange); try{ t.select(); document.execCommand("copy"); t.blur(); }catch(e){ alert("复制请按下Ctrl/Cmd+C"); } } } })(window); </script> </body> </html>

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zzjsjg.html