您的位置：首页 > 移动开发 > IOS开发

clipboard.js 实现点击按钮复制粘贴兼容ios 安卓 pc浏览器 zclip复制插件需要Flash支持

2017-05-26 09:52 1201 查看

https://clipboardjs.com/

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>constructor-selector</title>

<meta name="viewport" content="width=device-width, initial-scale=1">

</head>

<body>



<button class="btn" data-clipboard-text="1">Copy</button>

<button class="btn" data-clipboard-text="2">Copy</button>

<button class="btn" data-clipboard-text="3">Copy</button>



<input id="foo" value="https://github.com/zenorocha/clipboard.js.git">



<button class="btn" data-clipboard-target="#foo">

<img src="assets/clippy.svg" alt="Copy to clipboard">

</button>



<script src="../dist/clipboard.min.js"></script>



<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>

2.zclip 跨浏览器复制

jQuery-zclip是一个复制内容到剪贴板的jQuery插件，使用它我们不用考虑不同浏览器和浏览器版本之间的兼容问题。jQuery-zclip插件需要Flash的支持，使用时记得安装Adobe Flash Player。
http://static.hcoder.net/demo/zclip/index.html

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航

clipboard.js 实现 点击按钮复制粘贴兼容ios 安卓 pc浏览器 zclip复制插件需要Flash支持

clipboard.js 实现点击按钮复制粘贴兼容ios 安卓 pc浏览器 zclip复制插件需要Flash支持