zeroclipboard剪切板

最新推荐文章于 2024-03-17 09:45:09 发布

原创最新推荐文章于 2024-03-17 09:45:09 发布 · 667 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#剪切板

本文介绍如何通过Node及ZeroClipboard库实现网页内容复制到剪切板的功能。主要利用Flash技术，适用于大多数支持Flash的浏览器。文章提供了具体实现步骤及代码示例。

上一篇我介紹了實現添加到剪切板的功能,主要是由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("浏览器不兼容，请手动复制链接");
});