jquery剪切板,js调用剪切板
如何使用jquery一键复制到剪切板
html部分
成县网站建设公司创新互联,成县网站设计制作，有大型网站制作公司丰富经验。已为成县上1000家提供企业网站建设服务。企业网站搭建\成都外贸网站建设公司要多少钱，请找那个售后服务好的成县做网站的公司定做！
!DOCTYPE html
html
head
titleZeroClipboard Test/title
meta charset="utf-8"
script type="text/javascript" src="clipboard.min.js"/script
script type="text/javascript" src="jquery-1.10.2.min.js"/script
/head
body
input id="t" type="text"/数据输出测试br
textarea id="t2"/textareabr
!--测试1--
!--button按钮测试，需要复制的值放在属性 data-clipboard-text中br--
button class="btn" data-clipboard-text="测试1"点击测试1/buttonbrbr
!--测试2--
!--a按钮测试，需要复制的值放在属性 data-clipboard-text中br--
a class="a" data-clipboard-text="测试2"点击测试2/abrbr
!--测试3--
!--测试，通过按钮的data-clipboard-target属性获取指定标签中的值--
div测试3/div
button class="btn2" data-clipboard-action="copy" data-clipboard-target="div"点击测试3/buttonbrbr
!--测试4--
!--测试，通过按钮的data-clipboard-target属性获取指id的标签中的值中 --
button class="btn3" data-clipboard-action="copy" data-clipboard-target="#t2"点击测试4/button
/body
/html
jquery部分：
!--测试1--
$(document).ready(function(){
var clipboard = new Clipboard('.btn');
clipboard.on('success', function(e) {
console.log(e);
alert("测试1复制成功！")
});
clipboard.on('error', function(e) {
console.log(e);
alert("测试1复制失败！请手动复制")
});
})
!--测试2--
$(document).ready(function(){
var clipboard1 = new Clipboard('.a');
clipboard1.on('success', function(e) {
console.log(e);
alert("测试2复制成功！")
});
clipboard1.on('error', function(e) {
console.log(e);
alert("测试2复制失败！请手动复制")
});
})
!--测试3--
$(document).ready(function(){
var clipboard2 = new Clipboard('.btn2');
clipboard2.on('success', function(e) {
console.log(e);
alert("测试3复制成功！")
});
clipboard2.on('error', function(e) {
console.log(e);
alert("测试3复制失败！请手动复制")
});
})
!--测试4--
$(document).ready(function(){
var clipboard3 = new Clipboard('.btn3');
clipboard3.on('success', function(e) {
console.log(e);
alert("测试4复制成功！")
});
clipboard3.on('error', function(e) {
console.log(e);
alert("测试4复制失败！请手动复制")
});
})
注：此方法主要使用了clipboard，无需通过其他文件，引入一个clipboard.js文件即可使用，简单方便
clipboard.js库文件下载地址
js/jQuery怎么自动复制到剪贴板
出于安全问题，无法使用原生的 JS 或 jQuery 来操作粘贴板。除非使用浏览器扩展（需设置权限），或者使用Flash。
某些浏览器允许在文本框内使用 document.execCommand('copy') 与 document.execCommand('paste') 来操作剪贴板。
（但现在基于较新版本的webkit内核以及主流的浏览器，该命令已经被False）
jquery如何获取系统剪切板中复制的内容
如果你是想鼠标选中后点击复制到文本框内，其实不用剪贴板，可以获取选中的内容，然后在复制给文本框就可以了
分享名称：jquery剪切板,js调用剪切板
分享链接：http://6mz.cn/article/dsgeodo.html