今天在帮客户做zblog模板的时候,有一个js自动触发复制div内容的需求,在网上找了很多代码,可以自动触发功能,却无法复制div内容到剪切板。
自动触发input或者button的代码如下:
<script type="text/javascript"> //一秒后模拟点击 setTimeout(function() { // IE if(document.all) { document.getElementById("test").click(); } // 其它浏览器 else { var e = document.createEvent("MouseEvents"); e.initEvent("click", true, true); document.getElementById("test").dispatchEvent(e); } }, 1000); </script>
括号里面的test是要触发按钮的id,可以对应改成自己的内容。
前面文章也介绍过js自动触发: js自动触发按钮,自定义时间间隔
用这个方法可以自动触发,input和button按钮,但是却无法自动复制内容到剪切板。
后来想到用一个悬浮层的方式,打开网页就有一个悬浮层,点击后悬浮层消失触发复制按钮,就完美解决了这个自动复制的问题,pc和手机端都兼容。
详细文件代码和js可以查看附件。
大小 : 36 KB | 下载量 : 6 | 文件类型 : 压缩文件