复制文字clipboard.js—插件推荐2

复制文字到剪切板

clipboard.js 是一个不依赖 Flash,将文本复制到剪贴板的插件,仅仅 2kb。官网:剪切板

代码:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>剪切板</title>
		<script src="https://cdn.bootcss.com/clipboard.js/2.0.0/clipboard.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div>
			火辣辣个人博客:
			<span id="webId">http://huolalaweb.com</span>
			<button id="btn">点击复制</button>
		</div>
		
		<script>
			//底部微信公共号复制
			var clipboard = new ClipboardJS('#btn', {//点击的按钮id
				target: function() {
					return document.querySelector('#webId');//需要被复制的内容id
				}
			});
			clipboard.on('success', function(e) {
				console.log(e);
			});
			clipboard.on('error', function(e) {
				console.log(e);
			});
		</script>
	</body>
</html>

欢迎转载,转载需带着文章出处链接~~

发表评论

邮箱地址不会被公开。

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据