js复指定区域到剪切板

最新推荐文章于 2024-08-06 15:10:17 发布

原创最新推荐文章于 2024-08-06 15:10:17 发布 · 153 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js

前端专栏收录该内容

17 篇文章

订阅专栏

本文介绍两种在网页上复制特定元素内容的方法，包括使用JavaScript选择对象并执行复制命令，适用于前端开发人员快速实现复制功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

// 注意要复制的标签不能隐藏
方法一：

 1 <script type="text/javascript">
 2 function copyUrl2()
 3 {
 4 var Url2=document.getElementById("biao1");
 5 Url2.select(); // 选择对象
 6 document.execCommand("Copy"); // 执行浏览器复制命令
 7 alert("已复制好，可贴粘。");
 8 }
 9 </script>
10 <textarea cols="20" rows="10" id="biao1">用户定义的代码区域</textarea>
11 <input type="button" onClick="copyUrl2()" value="点击复制代码" />

// 注意要复制的标签不能隐藏
方法二：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>test</title>
</head>
<body>
<div>
<span id="copyMy"> 复制我试试</span>
<button onClick="copyFn()">点击复制</button>
</div>

<script>
function copyFn(){
	var val = document.getElementById('copyMy');
	window.getSelection().selectAllChildren(val);
	document.execCommand ("Copy");

}
</script>
</body>
</html>