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
上一篇: 咦,人呢,人哪去了