zeroclipboard剪切板

上一篇我介紹了實現添加到剪切板的功能,主要是由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的瀏覽器都是支持的,蘋果系統就有點悲劇,那就手動複製吧.

附上包來源