上一篇我介紹了實現添加到剪切板的功能,主要是由python的第三方包引入,今天我要介紹由node引入的.其實他們的實現原理是一樣的.
在項目裏配置這兩個文件
ZeroClipboard.swf
ZeroClipboard.js
文件來源
//頁面代碼
<textarea cols="33" id="cope_1" readonly="readonly">{要複製的內容}</textarea>
<button id="Btn_Copy" data-clipboard-target="cope_1">复制到剪切板</button>
//js裏代碼
var clip = new ZeroClipboard($("#Btn_Copy"), {
moviePath: "/static/swf/ZeroClipboard.swf"
});
clip.on('complete', function (client, args) {
alert("复制成功");
});
clip.on('noFlash', function (client) {
alert("浏览器不兼容,请手动复制链接");
});
clip.on('wrongFlash', function (client, args) {
alert("浏览器不兼容,请手动复制链接");
});
樣子如下
他們的原理都是利用flash,將要複製的數據放入剪切板中,大部分支持flash的瀏覽器都是支持的,蘋果系統就有點悲劇,那就手動複製吧.