clipboard最新版实现点击复制的方法

作者: wxfeng 分类: web前端 发布时间: 2018-11-12 15:00    阅读 1,012 次

2018.5.31,最新版本:2.0.1

优点:不用借助flash即可实现点击复制,兼容性也比较好,使用简单

使用方法:

1,引入文件

<script src="https://cdn.bootcss.com/clipboard.js/2.0.1/clipboard.min.js"></script>

2,html标签

<a href="javascript:void(0);" class="copybtn" data-clipboard-text="要复制的内容">点击我复制</a>

3,Javascript

<script type="text/javascript">
   $(document).ready(function(){
    var clipboard = new ClipboardJS('.copybtn');
     clipboard.on('success', function(e) {
       console.info('Action:', e.action);
       console.info('Text:', e.text);
       console.info('Trigger:', e.trigger);
       e.clearSelection();
    });
    clipboard.on('error', function(e) {
       console.error('Action:', e.action);
        console.error('Trigger:', e.trigger);
     });
    });
</script>

除此之外还有其它实现复制和剪切的办法,详细内容可参照官网:

官网地址:https://clipboardjs.com/

如果觉得我的文章对您有用,请随意赞赏。您的支持将鼓励我继续创作!

发表评论

您的电子邮箱地址不会被公开。