使用clipboard.js复制页面内容到剪切板
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<!-- 1. Define some markup -->
<div>hello</div>
<button class="btn" data-clipboard-action="copy" data-clipboard-target="div">Copy</button>
<!-- 2. Include library -->
<script src="clipboard.min.js"></script>
<!-- 3. Instantiate clipboard -->
<script>
var clipboard = new ClipboardJS('.btn');//注意:ClipboardJS替代了Clipboard
clipboard.on('success', function (e) {
console.log(e);
});
clipboard.on('error', function (e) {
console.log(e);
});
</script>
</body>
</html>
注意:使用new Clipboard('.btn')创建对象,会出现如下错误:
解决方法:
ClipboardJS替代了Clipboard
参考:百度知道用户 Free__lf的回答 https://zhidao.baidu.com/question/1993431166434276027.html