chrome如何复制数据到剪切板

2025-10-27 23:39:50

1、首先应该具有一个 文本框和一个 复制按钮。组织如下图:

<asp:TextBox ID="tb2" runat="server" Height="47px

        <input id="cop"   style="width:50px" type="button" value="复制" />

        <span id='tag3' style=' display:none;font-size:12px;color:red'>已复制</span>

在 head中的 script文件中。引入:

  $(document).ready(function () {

                $('#cop').zclip({

                path: 'Scripts/ZeroClipboard10.swf',

                copy: $('#tb2').val(),

                afterCopy: function () { $(this).next().show().hide(1500); }

            });

        });

说明:

cop 表示的是复制按钮id.

tb2 就是要复制的文本框id.

 aftercopy 是一个函数: 如果复制完成后,显示一个已复制提示。

2、OK。最终页面如图所示:测试成功!

当然大家也可以根据官网上面的 其他函数设置css样式。

我这里测试的是 其他几个常用浏览器,都可以完成复制。

chrome如何复制数据到剪切板

chrome如何复制数据到剪切板

3、下面是其他的函数,可以根据实际

chrome如何复制数据到剪切板

4、如果使用有问题,欢迎大家交流,可以留言!

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。