您的位置:首页 > 移动开发

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详解
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  js web cdn router