js实现操作系统右键复制功能

最新推荐文章于 2023-03-03 11:38:10 发布

luckykapok918

最新推荐文章于 2023-03-03 11:38:10 发布

阅读量2k

点赞数

分类专栏： jsp+html+js+Ajax

jsp+html+js+Ajax 专栏收录该内容

18 篇文章

订阅专栏

本文介绍了如何利用execCommand方法实现网页中特定元素内容的复制功能。提供了两个示例，分别展示了通过按钮触发复制文本框内容的具体实现方式。

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

主要依靠 execCommand（）方法

<html>

<head>
<title>点击按钮，复制文本框的内容</title>
<SCRIPT>
function CopyAll(T)
{
T.focus() //得到文本框焦点
T.select() //全选文本框
if (document.all){
therange=T.createTextRange()
therange.execCommand("Copy") //复制
}
}
</SCRIPT>
</head>
<body>
<INPUT TYPE="BUTTON" VALUE="复制" onclick="CopyAll(text1)" >
<BR>
<TEXTAREA NAME="text1" COLS="40" ROWS="5">这是一段测试文字，你可以点击上边的按钮复制，粘

贴到下边的文本框</TEXTAREA>
<TEXTAREA COLS="40" ROWS="5">在这里粘贴：</TEXTAREA>
</body>
</html>

-----------------------------

<html>
<head>
<title>MyHtml.html</title>

<script type="text/javascript">
function contentCopy(){
//获取到对象
var obj = document.getElementById("contentId");
//选择文本框中得所以内容
obj.select();
//执行复制功能
document.execCommand("copy");
}
</script>

</head>

<body>
<textarea cols=50 rows=5 name="content" id="contentId">测试被复制的内容</textarea>
<input type="button" name="allCopy" value="全部复制"
onClick="contentCopy()" />
</body>
</html>