插件的使用很简单,最常用的复制:
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选择用哪种功能: