js中单击和双击事件的区分
1.⾸先了解⿏标单击事件是所包含的事件。
moudown事件:
当⿏标指针移动到元素上⽅,并按下⿏标按键时,会发⽣moudown事件。与click事件不同,moudown事件仅需要按键被按下,⽽不需要松开即可发⽣。
mouup事件:
当在元素上放松⿏标按钮时,会发⽣mouup事件。与click事件不同,mouup事件仅需要放松按钮。当⿏标指针位于元素上⽅时,放松⿏标按钮就会触发该事
件。
click(单击)事件:
当⿏标指针停留在元素上⽅,然后按下并松开⿏标左键时,就会发⽣⼀次click。
dblclick(双击)事件:
当⿏标指针停留在元素上⽅,然后按下并松开⿏标左键时,就会发⽣⼀次click。在很短的时间内发⽣两次click,即是⼀次doubleclick事件。
2.其次要了解⿏标点击事件中各个事件的执⾏顺序。
vara=0;
$("#testBtn").on("moudown",function(){
("thisismoudownevent");
("a="+a++);
});
$("#testBtn").on("mouup",function(){
("thisismouupevent");
("a="+a++);
});
$("#testBtn").on("click",function(){
("thisisclickevent");
if(a==2){
$("#testBtn").css("background-color","red");
}
if(a==5){
$("#testBtn").css("background-color","green");
}
("a="+a++);
});
$("#testBtn").on("dblclick",function(){
("thisisdblclickevent");
("a="+a++);
});