做包装盒效果图网站,容桂网站制作代理商,北京网站设计公司价格,房产网站排行以前很多人都是用ZeroClipboard.js来实现网页复制内容#xff0c;火端也是用它。ZeroClipboard是利用flash来实现的#xff0c;ZeroClipboard兼容性很好#xff0c;但是由于现在越来越多的浏览器不支持flash#xff0c;导致一些没法正常使用了。 今天火端开始使用clipboard… 以前很多人都是用ZeroClipboard.js来实现网页复制内容火端也是用它。ZeroClipboard是利用flash来实现的ZeroClipboard兼容性很好但是由于现在越来越多的浏览器不支持flash导致一些没法正常使用了。 今天火端开始使用clipboard.js来复制网页文本内容了clipboard.js不需要flash也不依赖其它的js库min版仅11KBGZIP压缩后仅3KB非常的小巧。 使用起来也非常的简单代码如下 input idfoo value这里是内容
button classbtn data-clipboard-target#foo点击复制/button
script srcdist/clipboard.min.js/script
scriptnew Clipboard(.btn);//首先需要您需要通过传递DOM选择器HTML元素或HTML元素列表来实例化它。
script 如果要添加事件可以这样 input idfoo value这里是内容
button classbtn data-clipboard-target#foo点击复制/button
script srcdist/clipboard.min.js/script
scriptvar clipboard new Clipboard(.btn);clipboard.on(success, function(e) {alert(复制成功!);e.clearSelection();});clipboard.on(error, function(e) {alert(复制失败!);});
script 支持的浏览器如下 还有更多例子以及下载请看官网https://clipboardjs.com/ 或者直接下载https://github.com/zenorocha/clipboard.js/archive/master.zip 本文地址https://www.huoduan.com/clipboardjs.html 本文作者火端网络转载请务必以超链接形式注明出处。 clipboard.js基本使用http://www.jianshu.com/p/3f8867de041e 转载于:https://www.cnblogs.com/cang12138/p/7798006.html
