使用js实现复制到粘贴板的功能

Posted on 2010-05-13 10:31  少康  阅读(3451)  评论(2编辑  收藏  举报

主要是用到了 window.clipboardData.setData("Text",copyText);

他主要有两个参数:第一个是设置要复制的是一段文本,第二个参数是要复制具体的内容,这个内容可以从文本框中或使用innerHTML获取。

简单的实例代码:

<script type="text/javascript">

    function copyData() {

        var copyText = document.getElementById("ctl00_cpRight_txtUrl").value;

        window.clipboardData.setData("Text",copyText);

    }

</script>

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

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

 

注:ctl00_cpRight_txtUrl这个ID其实是txtUrl生成页面后自动生成的ID。

 

    function copyData() {
        var copyText = document.getElementById("ctl00_cpRight_txtUrl").value;
        window.clipboardData.setData("Text",copyText);
    }       window.clipboardData.setData("Text",copyText); 

 

Copyright © 2024 少康
Powered by .NET 8.0 on Kubernetes