Chrome 插件编写-用几行js代码实现写入剪贴板功能

小蓝枣

发布于 2020-09-23 10:13:21

2.4K0

发布于 2020-09-23 10:13:21

文章被收录于专栏：CSDN博客专家-小蓝枣的博客CSDN博客专家-小蓝枣的博客

我们的原理是，创建一个input元素，将要写入的内容放入input里，然后选择input，再调用浏览器的复制命令，将input里的内容复制，最后隐藏input。

想通了非常容易理解！

我来一段简单的示例，就是将"hello crx"写入剪贴板。

var write_Clipper = founction(){
	// 创建input元素，给input传值，将input放入html里，选择input
	var w = document.createElement('input');
	w.value = "hello crx";
	document.body.appendChild(w);
	w.select();
	
	// 调用浏览器的复制命令
	document.execCommand("Copy");
	
	// 将input元素隐藏，通知操作完成！
	w.style.display='none';
	alert('操作成功！');
}

不断成长的过程总是有很多坎，当我们一个一个把坎走过的时候，成功离我们就就会越来越近！

本文参与腾讯云自媒体分享计划，分享自作者个人站点/博客。

原始发表：2019-02-20 ，如有侵权请联系 cloudcommunity@tencent.com 删除

input