这篇文章主要介绍了Java脚本语言之剪贴板用法详解，本篇文章通过简要的案例，讲解了该项技术的了解与使用，以下就是详细内容，需要的朋友可以参考下
（1）介绍：
剪贴板。射流研究…是一款轻量级的实现复制文本到剪贴板功能的Java脚本语言插件。通过该插件可以将输入框，文本域，DIV元素中的文本等文本内容复制到剪贴板中
剪贴板。射流研究…支持主流的浏览器：铬42火狐41;IE 9；歌剧29;野生动物园10
（2）clipboard复印内容的方式有
从目标复印目标内容
通过功能要复印的内容
通过属性返回复印的内容
目标复印目标内容，这里不说，就说一下功能和属性的操作。
（3）Function操作有两种：
第一种：
通过目标的功能复印内容
通过目标指定要复印的节点，这里返回舒值是你好
复制目标/按钮
divhello/div
脚本
var clipboard=新剪贴板(' .' btn '，{
//通过目标指定要复印的节点
目标：函数(){
返回文档。查询选择器(“div”)；
}
});
clipboard.on('成功，函数(e) {
控制台。日志(e)；
});
clipboard.on('error '，函数(e) {
控制台。日志(e)；
});
/脚本
第二种：
通过文本的功能复印内容
文本的功能指定的复印内容，这里返回生存还是毁灭
复制/按钮
脚本
var clipboard=新剪贴板(' .' btn '，{
//点击复制按钮，直接通过文本直接返回复印的内容
text: function() {
返回'生存还是毁灭；
}
});
clipboard.on('成功，函数(e) {
控制台。日志(e)；
});
clipboard.on('error '，函数(e) {
控制台。日志(e)；
});
（4）通过属性返回复印的内容
第一种： 单节点
通过身份证明(识别)指定节点对象，并做为参数传送给剪贴板。这里的返回值的内容是数据-剪贴板-文本的内容
//通过身份证明(识别)获取复制数据-剪贴板-文本的内容
div id='btn '数据-剪贴板-文本='1 '
跨度副本/span
/div
脚本
var BTN=文档。getelementbyid(' BTN ')；
变量剪贴板=新剪贴板(BTN)；
clipboard.on('成功，函数(e) {
控制台。日志(e)；
});
clipboard.on('error '，函数(e) {
控制台。日志(e)；
});
/脚本
第二种： 多节点
通过班级获取所有按钮按钮，并做为参数传送给剪贴板。每个按钮被点击时，返回值的内容是其对应的数据-剪贴板-文本的内容，分别是1,2,3
//通过班级注册多个按钮，获取数据-剪贴板-文本的值
button class='btn '数据-剪贴板-text='1 '复制/按钮
button class='btn '数据-剪贴板-text='2 '复制/按钮
button class='btn '数据-剪贴板-text='3 '复制/按钮
脚本
var clipboard=新剪贴板(' .BTN’)；
clipboard.on('成功，函数(e) {
控制台。日志(e)；
});
clipboard.on('error '，函数(e) {
控制台。日志(e)；
});
/脚本
（5）函数和属性的兼容方式
函数：
//ClipboardJS.isSupported()//-这句为：是否兼容
var clipboard=新剪贴板(' .BTN’)；
//优雅降级：野生动物园版本号=10,提示复制成功；否则提示需在文字选中后，手动选择"拷贝"进行复制
clipboard.on('成功，函数(e) {
警报('复制成功!')
e。clearselection()；
});
clipboard.on('error '，函数(e) {
警报('请选择"拷贝"进行复制!')
//尝试去掉警惕，能弹出系统的"拷贝"工具，但是需要点击两次按钮才能弹出，具体原因还不清楚，参考上图。有人说可以试一下在触发的地方写一个空点击事件，on click=' '因为ios不单纯支持在事件
});
属性：
img
src='././././assets/images/zuop _ award/copy _ link。巴布亚新几内亚
@click='copy '
数据-剪贴板-操作='复制'
'电子邮件'
:data-clipboard-text=' ' mayo Chen @ csdn。com ' '
/
-
copy() {
var clipboard=新剪贴板(' .电子邮件)
//console.log(剪贴板);
clipboard.on('success '，e={
//console.log('复制成功'，e)；
吐司({
消息：“复制成功”
})
//释放内存
clipboard.destroy()
})
clipboard.on('error '，e={
//不支持复制。
吐司({
消息：“手机权限不支持复制功能”
})
Console.log(“此浏览器不支持自动复制”)
//释放内存
clipboard.destroy()
})
}
这就是本文对JavaScript剪贴板用法的详细解释。有关JavaScript剪贴板的更多信息，请搜索我们以前的文章或继续浏览下面的相关文章。希望你以后能支持我们！
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。