插件的使用很简单,最常用的复制:
demo:给下面的p标签添加复制功能
<body> <button class="btn">Copy</button> <p id="c">我是要被复制的内容</p> </body>
首先引入js插件,
<script src="../dist/clipboard.min.js"></script>
然后将插件实例化,
<script> var c = document.getElementById("c"); var s = c.innerHTML; var clipboard = new Clipboard('.btn', { text: function() { return s; } }); clipboard.on('success', function(e) { alert("复制成功"); }); clipboard.on('error', function(e) { console.log(e); }); </script>
还有其他几种情况,可以对标签内部全部内容,input输入框,textarea输入框等进行复制剪切的功能,根据实际情况 参考插件demo选择用哪种功能: