javascript - document mouseup 事件
本文介绍了javascript - document mouseup 事件的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
document.addEventListener('mousedown',function(){
document.addEventListener('mouseup',(event)=>{
console.log(1);
},false);
},false)
每次鼠标抬起来的时候 控制台输出1,
但是发现鼠标点多几次后控制台不是每抬起一次鼠标 控制台输出一次。 一直重复点好像出现了循环输出。 这样会影响性能呀。
解决方案
你每按下一次鼠标就加了一个mouseup
事件,然后就越来越多越来越多。
可以在mouseup
的回调里把mouseup
事件绑定解除了。
或者这样,做个简单的判断
document.addEventListener('mousedown',function(){
if(document.eventMouseup){
return false
}else{
document.addEventListener('mouseup',(event)=>{
console.log(1);
},false);
document.eventMouseup = true;
}
},false)
或者参考这个问题,使用jQuery
这篇关于javascript - document mouseup 事件的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文