使用第三方插件:clipboard.js
通过使用HTML5实现浏览器之间的通用性,兼容性
简单复制用法如下(此处样式使用 bootstrap):
```
<div id="copy" data-clipboard-text="This is a copy test">
<button type="button" class="btn btn-default"><i class=fa fa-download" aria-hidden="true"></i>Copy</button>
</div>
<#-- optional javascript code -->
<script type="text/javascript">
var clipboard = new ClipboardJS('#copy');
clipboard.on('success', function(e) {
console.log('Copy success!!!');
});
clipboard.on('error', function(e) {
console.log('Copy error!!!');
});
</script>
```
详细使用方法请参考example-text
网友评论