本文介绍如何使用 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 进行调整。