您的位置:首页 > Web前端 > JavaScript

点击按钮 复制文本 使用clipboard.js复制页面内容到剪切板

2017-11-16 10:51 991 查看
1、点击下载clipboard.min.js
2、引入js:
<script src="js/clipboard.min.js"></script>
3、html
<input id="foo" readonly value="this is copy text! ">
<div id="copy" data-clipboard-target="#foo" aria-label="Copy complete!">
copy
</div>
4、js
<script type="text/javascript">
var clipboard = new Clipboard('#copy');
clipboard.on('success', function(e) {
var msg = e.trigger.getAttribute('aria-label');
alert(msg);
e.clearSelection();
});
</script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息