Clipboard.js 框架实现移动端浏览器实现网页内容复制
2018-03-12 11:17
806 查看
引入插件
<script type='text/javascript' src="https://cdn.staticfile.org/clipboard.js/1.5.15/clipboard.min.js"></script>
代码
<div class="copyClick" data-clipboard-text="复制的内容">一键复制</div>
初始化插件实例
var clipboard = new Clipboard('.copyBtn').on('success', function(e) { var e = e || window.event; console.log(e); }).on('error', function(e) {});
点击一键复制
<!-- 目标元素 --> <div id="foo">靠呸密!copy me!</div> <!-- 复制按钮 --> <a class="copyBtn" href="javascript:" data-clipboard-action="copy" data-clipboard-target="#foo">复制</a> //js是一样...
参考
vue项目中用 cdn 优化
webpack externals详解
相关文章推荐
- Clipboard.js : 移动端浏览器实现网页内容复制
- Clipboard.js : 移动端浏览器实现网页内容复制
- ZeroClipboard实现跨浏览器复制内容到剪贴板(附ZeroClipboard.js下载及使用教程)
- 浏览器实现复制内容到剪贴板 -- clipboard.js
- ZeroClipboard.js+ swf 复制网页内容(兼容所有浏览器)
- JavaScript之Clipboard.js实现复制内容到剪贴板
- 使用clipboard.js实现移动端粘贴复制
- 使用clipboard.js实现复制文本内容到剪贴板
- js 实现 将网页内容 复制到剪切板上
- js复制网页内容并兼容各主流浏览器的代码
- ZeroClipboard.js复制内容到剪贴板(跨浏览器)
- js实现当用户复制网页内容时添加版权等额外信息源码
- 网页复制,使用clipboard.js复制任意内容到粘贴板.不需要通过flash
- 简单实现兼容各大浏览器的js复制内容到剪切板
- Clipboard.js实现复制内容到剪切板
- Clipboard.js 不依赖Flash,把浏览器内容复制到系统剪贴板
- JS实现复制内容到剪贴板功能兼容所有浏览器(推荐)
- clipboard.js 实现动态获取内容并复制到剪切板
- 使用clipboard.js实现页面内容复制到剪贴板
- Js实现网页禁止右键菜单与防止复制内容另存网页