clipboard.js——兼容各种版本浏览器的剪切板库

需求:

我们在浏览网站时,通常有复制某段关键性文本的需求,一般情况下,我们是选中这段文本,然后ctrl + c 进行复制,但是人总是很懒的,比如说我,连这两个操作都不愿意做,我仅仅只想把点击一下某个按钮或者点击下改文本就可以复制到剪切板,这样可以节约我的时间.

解决方案:

将文本复制到剪切板是前台js的事,但是浏览器众多,怎么才能兼容各种版本的浏览器,让我们轻松写出一键复制到剪切板的js代码.这时就该clipboard.js出场了 .

clipboard.js是一个github上的开源项目，clipboard.js 实现了纯 JavaScript （无 Flash）的浏览器内容复制到系统剪贴板的功能。可以在浏览器和 Node 环境中使用。支持 Chrome 42+、Firefox 41+、IE 9+、Opera 29+

clipboard.js项目主页:https://github.com/zenorocha/clipboard.js

代码演示:

先给大家看一个在线示例:http://demo.jb51.net/js/2015/clipboard/,代码如下:

 脚本之家是国内专业的网站建设资源、脚本编程学习类网站，提供asp、php、asp.net、javascript、jquery、vbscript、dos批处理、网页制作、网络编程、网站建设等编程资料。



  Cut to clipboard

我的测试案例:1.button内部文本测试

点击测试1


2.div内部文本测试

在这里粘贴:




点击测试2

3.div内部文本测试

在这里粘贴:




测试3
 点击测试3

4.文本框测试

在这里输入文字:

在这里粘贴


 
 
 点击测试4