推荐一个好用的javascript复制粘贴插件

18-01-06 13:52 字数 312 阅读 3527 已编辑

GitHub地址
https://github.com/zenorocha/clipboard.js.git

使用方法

<!--引入js-->      
<script src="clipboard.js-1.7.1/dist/clipboard.min.js"></script>      

<textarea name="content" id="content">test text</textarea>      
<button id="copy-button" data-clipboard-target="#content">复制代码</button>      

这是最简单的用法,一行js代码不用写,还有其他的一些高级用法。

绑定事件

var clipboard = new Clipboard('#copy-button', {  
    text: function() {  
        return '复制到粘贴板的内容';  
    }  
});      

clipboard.on('success', function(e) {      
    alert('复制成功');      
    e.clearSelection();      
});      

clipboard.on('error', function(e) {      
    alert('复制失败,请手动复制。');      
});      
0人点赞>
关注 收藏 改进 举报
0 条评论
排序方式 时间 投票
快来抢占一楼吧
请登录后发表评论
站长 @ 十七度
文章
384
粉丝
23
喜欢
195
收藏
31
排名 : 1
访问 : 144.97万
私信