jquery复制到剪贴板
2024-08-31 11:43:27
<!DOCTYPE html>
<html>
<head>
<title>ZeroClipboard 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"></textarea><br>
<!--测试1-->
<!--button按钮测试,需要复制的值放在属性 data-clipboard-text中<br>-->
<button class="btn" data-clipboard-text="测试1">点击测试1</button><br><br> <!--测试2-->
<!--a按钮测试,需要复制的值放在属性 data-clipboard-text中<br>-->
<a class="a" data-clipboard-text="测试2">点击测试2</a><br><br> <!--测试3-->
<!--测试,通过按钮的data-clipboard-target属性获取指定标签中的值-->
<div>测试3</div>
<button class="btn2" data-clipboard-action="copy" data-clipboard-target="div">点击测试3</button><br><br> <!--测试4-->
<!--测试,通过按钮的data-clipboard-target属性获取指id的标签中的值中 -->
<button class="btn3" data-clipboard-action="copy" data-clipboard-target="#t2">点击测试4</button> </body>
</html>
<script type="text/javascript">
<!--测试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复制失败!请手动复制")
});
})
</script>
下载地址 https://github.com/zenorocha/clipboard.js
最新文章
- C语言 &#183; 删除数组0元素
- 【BZOJ-1340】Escape逃跑问题 最小割
- Eclipse 的常用快捷方式
- VS2015使用技巧 打开代码片段C#部分
- JS简单入门教程
- FFmpeg在Android上的移植之第一步
- mysql.cnf 配制文件详解
- 轻应用 lapp
- ABP Zero示例项目问题总结
- Web自动化框架LazyUI使用手册(5)--模板工程:LazyUI-template详解
- [PHP] 多表外连接性能测试及优化
- 深入理解JVM(二)Java内存区域
- sql server自定义函数学习笔记
- Intel CPU 漏洞分析
- 有关Linux的.a、.so和.o文件(转)【原文章有些错误,自己已更改】
- django for 循环中,获取序号
- 实训三(cocos2dx 3.x 打包apk)
- iOS自动布局框架-Masonry详解
- 02_python内置模块_timeit
- Mac下Sublime Text 总是以新窗口打开文件的解决办法