JavaScript实现复制与粘贴操作实例

作者:拾光

时间:2026-10-28

浏览:159

本文介绍如何使用JavaScript实现文本的复制与粘贴功能。通过调用window.clipboardData对象的getData和setData方法,结合DOM元素的select与createTextRange属性,可完成指定文本内容的读取与写入操作,适用于需要交互复制功能的网页场景。

文章目录

JavaScript实现复制与粘贴操作实例

本文通过具体示例演示了JavaScript中实现复制与粘贴功能的方法,供读者参考学习。

具体的实现逻辑如下所述。

相关代码片段如下:

<script language="javascript">
function readTxt()
{ 
alert(window.clipboardData.getData("text"));
} 
function setTxt()
{ 
var t=document.getElementById("txt");
t.select();
window.clipboardData.setData('text',t.createTextRange().text);
} 
</script>
<input name="txt" value="测试">
<input type="button" value="复制" onclick="setTxt()">
<input type="button" value="读取" onclick="readTxt()">

希望上述内容对掌握JavaScript程序设计有所帮助。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章