js按钮触发网页提醒_网页js自动触发input或者button，复制指定DIV内容的方法

今天在帮客户做zblog模板的时候，有一个js自动触发复制div内容的需求，在网上找了很多代码，可以自动触发功能，却无法复制div内容到剪切板。

自动触发input或者button的代码如下：

//一秒后模拟点击

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);

括号里面的test是要触发按钮的id，可以对应改成自己的内容。

用这个方法可以自动触发，input和button按钮，但是却无法自动复制内容到剪切板。

后来想到用一个悬浮层的方式，打开网页就有一个悬浮层，点击后悬浮层消失触发复制按钮，就完美解决了这个自动复制的问题，pc和手机端都兼容。

详细文件代码和js可以查看附件。

大小 : 36 KB |  下载量 : 6  |  文件类型 : 压缩文件

收藏 | 0