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固定链接设置技巧详解
  • 热门搜索
    好句好段大全摘抄 石斛兰怎么养 北京景点大全 好词好句大全 吉林建筑大学怎么样 家常菜做法大全 xlsb格式怎么打开 迅捷路由器怎么设置 乳房小怎么办 apk文件怎么安装