手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >Clipboard.js 无需Flash的JavaScript复制粘贴库
Clipboard.js 无需Flash的JavaScript复制粘贴库
摘要:clipboard.js实现了纯JavaScript(无Flash)的浏览器内容复制到系统剪贴板的功能。可以在浏览器和Node环境中使用。支...

clipboard.js 实现了纯 JavaScript (无 Flash)的浏览器内容复制到系统剪贴板的功能。可以在浏览器和 Node 环境中使用。支持 Chrome 42+、Firefox 41+、IE 9+、Opera 29+

Clipboard.js 无需Flash的JavaScript复制粘贴库1

官方网站:https://github.com/zenorocha/clipboard.js

软件下载:http://www.jb51.net/jiaoben/385604.html

官方使用方法:https://zenorocha.github.io/clipboard.js/#example-text

示例代码:

官方实例一:

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

<script src="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> <> <button 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="dist/clipboard.min.js"></script> <button> <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>

【Clipboard.js 无需Flash的JavaScript复制粘贴库】相关文章:

深入理解JavaScript中的对象

JavaScript中的this机制

JavaScript版代码高亮

JavaScript常用数组算法小结

网页制作常用Javascript语句

JavaScript Date对象详解

用JavaScript实现对话框的教程

JavaScript基本语法讲解

浅谈Javascript线程及定时机制

通过JavaScript脚本复制网页上的一个表格

精品推荐
分类导航