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的瀏覽器都是支持的,蘋果系統就有點悲劇,那就手動複製吧.

附上包來源

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值