js监控剪贴板是否复制成功实现方法

网站上需要用到js监控剪贴板是否复制成功实现方法,具体看下面的代码。

HTML部分代码如下;

加微信 <span>
<b class="copyweixin" >weixinid</b>(长按可复制,到微信添加好友)
</span>


js部分代码如下;

<script>
     // 这种实现的兼容性不够全面,建议改成转化属性类的实现
     // 选取DOM节点的方法,可以使用其它类似的api,比如document.getElementById
     var $ = document.querySelector.bind(document);
     var $$ = document.querySelectorAll.bind(document);
     // 微信复制成功后的回调方法
     function weixinCopied(evt) {
        //成功提醒
                  alert('复制成功');
       }
        // 给所有微信号节点增加复制事件的处理方法
        [].slice.call($$('.copyweixin')).forEach(function (dom) {
            dom.addEventListener('copy', weixinCopied);
        });
</script>

以上的代码放在一起就可以实现js监控剪贴板是否复制成功了。

如果内容有帮助,就点个赞吧!

转载注明出处:http://www.12564.cn/show-158.html

如有疑问请联系 QQ:644233191   微信:zw1688k