标签:function copy clipboard javescript 一键 复制 oInput var document
原生实现
1 function copy(data){ 2 var oInput = document.createElement("input"); 3 oInput.value = data; 4 document.body.appendChild(oInput); 5 oInput.select(); 6 document.execCommand("Copy"); 7 oInput.className = "oInput"; 8 oInput.style.display = "none"; 9 }
html实现
1 <input type="text" readonly="readonly" unselectable="on" value="mytxt" class='mytxt' style=" background: none;border: none;color: #dfc37a; "> 2 <a class="copyname" href="javascript:;">复制</a> 3 4 <script type="text/javascript"> 5 $('.copyname').click(function(){ 6 var dd = $('.mytxt'); 7 dd[0].select(); 8 document.execCommand("Copy"); 9 }); 10 </script>
使用插件 引入clipboard.js
1 <script> 2 copyFn = function() { 3 var clipboard = new Clipboard('.copy-btn', { 4 text: function(trigger) { 5 return $('.copy-txt').text(); 6 } 7 }); 8 clipboard.on('success', function() { 9 alert('复制成功!'); 10 }); 11 clipboard.on('error', function(e) { 12 alert('请手动选择文本复制!'); 13 }); 14 } 15 copyFn(); 16 </script>
标签:function,copy,clipboard,javescript,一键,复制,oInput,var,document 来源: https://www.cnblogs.com/luorende/p/16285319.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。