阿里云服务器

今天在帮客户做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自动触发按钮,自定义时间间隔

js自动复制

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

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

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

大小 : 36 KB |  下载量 : 6  |  文件类型 : 压缩文件  
相关阅读:
  • 把select option框样式改成input radio的方法
  • phpcms v9修改网站域名后,栏目链接无法变过来的问题
  • 宝塔控制面板快速设置404页面的方法
  • 帝国CMS伪静态connect.php(2439) : eval()'d code on line 1错误的解决办法
  • 让百度地图api支持https的方法
  • 腾讯CDN: 什么是Range回源和配置方法
  • zblog配置腾讯CDN出现HTTP ERROR 564错误的处理办法
  • 鼠标经过图片 缓慢上移实现方法
  • 通过css让DIV实现淡入的动画特效的方法
  • 网页form表单新窗口打开的设置方法