我爱学习网首页 | 设为首页 | 收藏本站 | 网站地图 您好,欢迎光临我爱学习网
我爱学习网

当前位置:首页 > 编程开发 > js >

js点击复制内容到剪贴板

时间:2014-06-26 20:00 来源:我爱学习网 | 作者:我爱学习网 | 本文已影响
我们会常看到这么一个功能:点击一个链接地址或按钮,就可以将文字内容复制到剪贴板,以便于我们进行贴到操作。下面分享的这个js点击复制文字内容仅支持IE浏览器,还不能兼容所有的浏览器,不过在遇到不兼容的浏览器时会提示浏览器不支持复制,用户可以按提示进行手动复制。
 
js点击复制内容到剪贴板程序代码如下:

<script type="text/javascript">
function copyText(obj){
	try{
		var rng = document.body.createTextRange();
		rng.moveToElementText(obj);
		rng.scrollIntoView();
		rng.select();
		rng.execCommand("Copy");
		rng.collapse(false);
		alert("已经复制到粘贴板!你可以使用Ctrl+V 贴到需要的地方去了哦!");
	}catch(e){
		alert("您的浏览器不支持此复制功能,请选中相应内容并使用Ctrl+C进行复制!");
	}
}
</script>
<span id="tbid">这里是点击链接后复制的内容</span> <a href="javascript:;" onclick="copyText(document.all.tbid)">点击复制</a>

(责任编辑:我爱学习网)


分享到: 更多