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

作者:拾光时间:2026-10-28 14:58:00浏览:158

本文介绍如何使用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程序设计有所帮助。

作者最新文章