chrome如何复制数据到剪切板

 时间:2026-02-15 00:29:31

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、如果使用有问题,欢迎大家交流,可以留言!

  • win7怎样将IIS服务器发送到桌面快捷方式
  • 如何知道的电脑文件夹中包含哪些内容
  • Windows系统下如何配置使用JBoss
  • Win10查看注册表判断是全新安装还是在线升级
  • Wordpress固定链接设置技巧详解
  • 热门搜索
    关于爱鸟护鸟的手抄报 反对邪教手抄报图片 感恩自然手抄报内容 十二生肖手抄报 保护环境手抄报素材 年俗年韵年文化手抄报 法律伴我行手抄报内容 安全逃生手抄报 关于对联的手抄报 日行一善手抄报内容