ClipboardJS 的使用
宣胜
ClipboardJS 是将文本复制到剪贴板的一个方法，只需要引入一个js文件，就可以实现。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<!-- 这里引入了js文件 -->
<script src="./clipboard.js"></script>
<body>
<textarea id="bar" cols="62" rows="5" autocomplete="off" autocorrect="off" autocapitalize="off"
spellcheck="false">ClipboardJS的使用</textarea>
<button class="btn" data-clipboard-action="copy" data-clipboard-target="#bar">
Cut to clipboard
</button>
<script>
// 不行进行初始化
var clipboard = new ClipboardJS('.btn');
// 成功之后的操作 ，清空选中
clipboard.on('success', function (e) {
e.clearSelection();
});
// 失败的操作
clipboard.on('error', function (e) {
console.error('Action:', e.action);
console.error('Trigger:', e.trigger);
});
</script>
</body>
</html>
类似资料：