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