网站上需要用到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监控剪贴板是否复制成功了。
如果内容有帮助,就点个赞吧!