700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > 实现文本复制或者剪切到剪切板-Clipboard.js

实现文本复制或者剪切到剪切板-Clipboard.js

时间:2023-11-22 04:55:03

相关推荐

实现文本复制或者剪切到剪切板-Clipboard.js

Clipboard.js-下载地址

引用js文件

<script type="text/javascript" src="./dist/clipboard.min.js"></script>

使用一

<!-- Target --><input id="foo" value="/zenorocha/clipboard.js.git"> <!-- Trigger --><button class="btn" data-clipboard-target="#foo"> Copy to clipboard</button>

<script> //必须要初始化 第一种初始化 var clipboard = new ClipboardJS('.btn'); clipboard.on('success', function(e) { console.log(e); }); clipboard.on('error', function(e) { console.log(e); }); </script>

使用二

<div id="btn" data-clipboard-text="复制的内容二"><span>Copy</span></div>

<script> var btn = document.getElementById('btn'); var clipboard = new ClipboardJS(btn); clipboard.on('success', function(e) { console.log(e); }); clipboard.on('error', function(e) { console.log(e); });</script>

使用三

<button data-clipboard-text="1">Copy</button><button data-clipboard-text="2">Copy</button><button data-clipboard-text="3">Copy</button>

<script> var btns = document.querySelectorAll('button'); var clipboard = new ClipboardJS(btns); clipboard.on('success', function(e) { console.log(e); }); clipboard.on('error', function(e) { console.log(e); });</script>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。