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

最新推荐文章于 2024-07-26 03:35:23 发布

shaojia_

最新推荐文章于 2024-07-26 03:35:23 发布

阅读量2.1k

点赞数

分类专栏： jquery 文章标签： jquery复制内容到剪切板

本文链接：https://blog.csdn.net/a271720559/article/details/81639434

版权

jquery 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

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