内容介绍热点排行相关文章下载地址↓

clipboard.js 实现了纯 JavaScript (无 Flash)的浏览器内容复制到系统剪贴板的功能。可以在浏览器和 Node 环境中使用。

clipboard.js 是一个不需要flash,将文本复制到剪贴板的插件。简单介绍下基本运用。

支持 Chrome 42+、Firefox 41+、IE 9+、Opera 29+

取代flash复制到剪切板,更好页面性能,不会造成卡顿想象,不止兼容PC端,还优雅的兼容移动端ios的safari浏览器

在线演示://demo.jb51.net/js/2015/clipboard/

示例代码:

官方实例一:

<script src="http://9i0i.com/pic.php?p=clipboard.min.js"></script>
?<textarea id="bar" cols="62" rows="5" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false">程序员之家是国内专业的网站建设资源、脚本编程学习类网站,提供asp、php、asp.net、javascript、jquery、vbscript、dos批处理、网页制作、网络编程、网站建设等编程资料。</textarea>
<!-- Trigger -->
<button class="btn" data-clipboard-action="copy" data-clipboard-target="#bar">
??? Cut to clipboard
</button>
<script>
var clipboard = new Clipboard('.btn');
clipboard.on('success', function(e) {
??? console.info('Action:', e.action);
??? console.info('Text:', e.text);
??? console.info('Trigger:', e.trigger);
alert("复制成功");
??? e.clearSelection();
});
clipboard.on('error', function(e) {
??? console.error('Action:', e.action);
??? console.error('Trigger:', e.trigger);
});
</script>

官方实例二:

<script src="http://9i0i.com/pic.php?p=dist/clipboard.min.js"></script>
<button class="btn">
<script type="text/javascript">
var clipboard = new Clipboard('.btn');
clipboard.on('success', function(e) {
??? console.info('Action:', e.action);
??? console.info('Text:', e.text);
??? console.info('Trigger:', e.trigger);
??? e.clearSelection();
});
clipboard.on('error', function(e) {
??? console.error('Action:', e.action);
??? console.error('Trigger:', e.trigger);
});
</script>

这样就ok了。

人气脚本
下载地址
相关文章
网友评论
下载声明

☉ 解压密码:www.jb51.net 就是本站主域名,希望大家看清楚,[ 分享码的获取方法 ]可以参考这篇文章
☉ 推荐使用 [ 迅雷 ] 下载,使用 [ WinRAR v5 ] 以上版本解压本站软件。
☉ 如果这个软件总是不能下载的请在评论中留言,我们会尽快修复,谢谢!
☉ 下载本站资源,如果服务器暂不能下载请过一段时间重试!或者多试试几个下载地址
☉ 如果遇到什么问题,请评论留言,我们定会解决问题,谢谢大家支持!
☉ 本站提供的一些商业软件是供学习研究之用,如用于商业用途,请购买正版。
☉ 本站提供的JavaScript 无需flash内容复制 Clipboard.js v2.0.22资源来源互联网,版权归该下载资源的合法拥有者所有。


http://www.vxiaotou.com