JS实现PC、Android、IOS端的点击按钮复制内容功能
2018-03-07 18:32
1051 查看
直接上代码：
demo:点击下载
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>target-div</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<!-- 1. Define some markup -->
<div>hello</div>
<button class="btn" data-clipboard-action="copy" data-clipboard-target="div">Copy</button>
<!-- 2. Include library -->
<script src="../dist/clipboard.min.js"></script>
<!-- 3. Instantiate clipboard -->
<script>
var clipboard = new ClipboardJS('.btn');
clipboard.on('success', function(e) {
console.log(e);
});
clipboard.on('error', function(e) {
console.log(e);
});
</script>
</body>
</html>demo:点击下载
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- clipboard.js 实现 点击按钮复制粘贴兼容ios 安卓 pc浏览器 zclip复制插件需要Flash支持
- React---点击按钮实现内容复制功能
- iOS-点击按钮实现复制功能
- 点击复制按钮复制指定文本内容，实现网页中的复制功能
- JS实现点击按钮，复制文本框中的的内容
- js操作剪贴板，实现点击按钮复制文本功能
- js实现点击按钮复制文本功能
- js实现点击按钮复制文本框中的内容
- js实现点击按钮出现输入框本地修改文字内容功能
- js实现点击按钮复制文本框中的内容
- 《JS实现复制内容到剪贴板功能，可兼容所有PC浏览器，不兼容手机端》
- 点击按钮后实现复制,复制TextBox里面的内容
- JS实现复制内容到剪贴板功能兼容所有浏览器(推荐)
- js实现点击复制当前文本到剪贴板功能（兼容所有浏览器）
- Android 中点击某个按钮实现 返回键 的功能
- iOS 点击按钮实现拨打电话，发送短信功能
- JS实现点击复制功能（ZeroClipboard）
- js实现点击复制当前文本到剪贴板功能（兼容所有浏览器）
- iOS开发-截获html按钮点击事件，实现js调用native代码
- android仿IOS按钮点击效果，一张图片实现