js实现点击复制

最新推荐文章于 2024-09-26 14:44:31 发布

qq_45772772

最新推荐文章于 2024-09-26 14:44:31 发布

阅读量1.4k

点赞数

分类专栏： js 文章标签： javascript js

原文链接：https://www.cnblogs.com/bookobe/p/11298115.html

版权

js 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

js实现点击复制

<html>

<body>
<p id="p1">12345678910</p>
	<p>电脑登录网址<span onclick="copywangzhi()" style="color: #007AFF;">复制</span></p>
</body>
<script type="text/javascript">

	function copywangzhi() {
		let text = document.getElementById('p1').innerHTML;
		let textarea = document.createElement("textarea"); //创建input对象
		let currentFocus = document.activeElement; //当前获得焦点的元素
		let toolBoxwrap = document.getElementById('NewsToolBox'); //将文本框插入到NewsToolBox这个之后
		let flag = "";
		toolBoxwrap.appendChild(textarea); //添加元素
		textarea.value = text;
		textarea.focus();
		if (textarea.setSelectionRange) {
			textarea.setSelectionRange(0, textarea.value.length); //获取光标起始位置到结束位置
		} else {
			textarea.select();
		}
		try {
			flag = document.execCommand("copy"); //执行复制
		} catch (eo) {
			flag = false;
		}
		toolBoxwrap.removeChild(textarea); //删除元素
		currentFocus.focus();
		alert(flag ? text+"复制成功" : "复制失败");
	}
</script>

</html>