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