复制剪切粘贴插件clipboard.js

查看演示立即下载

插件描述：clipboard.js能够实现复制剪切粘贴的功能，实例方法全。

插件的使用很简单，最常用的复制：

demo：给下面的p标签添加复制功能

<body>
    <button class="btn">Copy</button>
    <p id="c">我是要被复制的内容</p>
</body>

首先引入js插件，

1	`<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选择用哪种功能：

特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com

上一个特效： Javascript模拟键盘事件
下一个特效： jQuery星星打分