欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Jquery实现把内容粘帖到剪切板兼容所有浏览器

程序员文章站 2022-05-16 08:06:59
...

                   Jquery实现把内容粘帖到剪切板兼容所有浏览器

今天来看看jquery怎么实现把内容复制到剪切板。

我们都知道ie有window.clipboardData.setData可以把内容复制到剪切板。但是只适合ie不适用其他浏览器。用jquery的zclip插件可以完美解决这个问题。不过需要在服务器环境下运行。

直接上代码:

<html charset="gb2312">
<body>
<script src="jquery.min.js"></script>
<script src="jquery.zclip.min.js"></script>
<a id="copyContent" href="#">复制</a>
</body>
<script>
$(document).ready(function(){
	$('#copyContent').zclip({
        path: 'ZeroClipboard.swf',  /*注:此处路径一定要保证正确*/
        copy: function () {  /*复制内容*/
            
            return "test";
        },
        beforeCopy: function () {  /* 按住鼠标时的操作 */
            // $(this).css("color", "orange");
        },
        afterCopy: function () {  /*复制成功后的操作*/
            alert("复制成功");
        }
    });


})
</script>
</html>

 

插件及教程下载地址:https://download.csdn.net/download/a271720559/10601793