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>