JavaScript 实现复制到剪贴板功能:IE 兼容方案

作者:纸飞机

时间:2026-10-24

浏览:655

本文介绍如何使用 JavaScript 将文本复制到系统剪贴板。重点讲解 window.clipboardData.setData 方法在 Internet Explorer 浏览器中的使用,包括获取文本框内容、设置数据类型为 Text 以及处理 ASP.NET 动态生成的控件 ID 等关键步骤,提供完整的实例代码。

文章目录

JavaScript 复制到剪贴板实现原理

该功能主要依赖两个参数:第一个参数用于指定要复制的数据类型,通常设置为文本;第二个参数则是具体的复制内容,这些数据可以来源于文本框的值,或者通过 innerHTML 属性获取。


以下是一个简单的实现示例:


具体代码实现如下:

 
IE 浏览器兼容代码示例<script type="text/javascript">
function copyData() {
var copyText = document.getElementById("ctl00_cpRight_txtUrl").value;
window.clipboardData.setData("Text",copyText);
} 
</script>

ASP.NET 控件 ID 处理注意事项

<asp:TextBox ID="txtUrl" runat="server" Height="30px" Width="349px"></asp:TextBox>


<input id="btnCopyUrl" type="button" value="复制URL到粘贴板" onclick="copyData()" />


注意:代码中使用的 ID "ctl00_cpRight_txtUrl" 并非原始控件 ID,而是 ASP.NET 服务器控件在页面渲染后自动生成的客户端 ID,实际使用时需根据生成后的 ID 进行调整。

实用工具推荐

电子包浆

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

使用 ›
图片压缩

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

使用 ›
相关文章