JQery插件clipboard.js ----将文本复制到剪贴板的现代化方法
2024-08-24 17:25:22
###
之前用了js自带的剪贴板对象clipboardData 对象以为就可以实现粘贴复制,但是种只支持IE的。
就找了jq的一个插件Zclip,但是网上的说法是利用了flesh来实现的,我用了之后可以实现,但是面对我自啊table的td中存在多个要实现粘贴复制的话,就会有问题了。
所以,才找了现在这个jqery的另一个插件,相对更好些,能够支持移动端的
###
实现起来也很简单,
我就弄个例子:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>target-input</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<!-- 1. Define some markup -->
<input id="foo" type="text" value="hello">
<button class="btn" data-clipboard-action="copy" data-clipboard-target="#foo">Copy</button> <!-- 2. Include library -->
<script src="../dist/clipboard.min.js"></script> <!-- 3. Instantiate clipboard -->
<script>
var clipboard = new Clipboard('.btn'); clipboard.on('success', function(e) {
console.log(e);
}); clipboard.on('error', function(e) {
console.log(e);
});
</script>
</body>
</html>
最新文章
- Android手机_软件01
- ie7中ul不能嵌套div和li平级
- JS中的split
- C 数据类型 长度
- Core Java Volume I — 3.1. A Simple Java Program
- ###STL学习--标准模板库
- Java多线程编程<;一>;
- TCP/IP协议之IP层
- shell编程值之正则表达式与字符截取(6)
- 《深入实践Spring Boot》阅读笔记之三:核心技术源代码分析
- sql server 行转列存储过程
- IIS 发布ASP.NET MVC 4.0 错误500.21解决办法
- Git如何在不提交当前分支的情况下切换到其它分支进行操作——git stash
- ef group 封装
- the difference __str__ and __repr__
- ZTree 获取选中的项
- js异步处理工作机制
- ES6 学习笔记之三 函数参数默认值
- tf.transpose函数解析
- Java 中可变参数
热门文章
- Python正则匹配之有名分组
- ****** 三十 ******、软设笔记【计算机体系结构】-循环冗余校验码(CRC)
- HACK入别人的游戏制作做MOD的几种技巧
- 【演变】Ajax(AjAj)到WebSocket
- 【BZOJ3697】采药人的路径 点分治
- tensorflow can not find libcusolver.so.8.0
- pyqt5-是否被编辑
- luogu P4173 残缺的字符串
- 第27月第25天 clang -rewrite-objc main.m
- Oracle简单学习笔记