大家好，又见面了，我是你们的朋友全栈君。
Clipboard.js是一个轻量级的实现复制文本到剪贴板功能的JavaScript插件，该插件可以将输入框，文本域，DOM节点元素中的文本内容复制到剪贴板中。
浏览器兼容性：兼容Chrome、Firefox、Opera、Safari、IE9+
对于不兼容的浏览器版本也有优雅的降级处理，可以采用下面的方式
clipboard.on('error', function(e) {
alert('请选择手动复制!')
});使用方法如下：
1、在页面引入clipboard.js
<script type="text/javascript" src="js/clipboard.min.js"></script>2、从元素内容复制文本
设置触发元素的data-clipboard-action属性，该属性的值为copy（复制）/cut（剪切）
设置data-clipboard-target属性，该属性值是要复制/剪切的目标元素的ID
<!--target-->
<span class="url" id="copyUrl">http://blog.csdn.net/oucqsy</span>
<!--trigger-->
<a href="javascript:;" class="btn" id="copyBtn" data-clipboard-action="copy" data-clipboard-target="#copyUrl">复制</a>3、从元素属性复制文本
<a href="javascript:;" class="btn" id="copyBtn" data-clipboard-text="http://blog.csdn.net/oucqs">复制</a>4、执行JS事件
var clipboard = new Clipboard('#copyBtn');
clipboard.on('success', function(e) {
e.clearSelection();
console.log('success');
});
clipboard.on('error', function(e) {
console.log('error');
});
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/159251.html原文链接：https://javaforall.net
