鼠标单击变成双击

更新时间:2023-03-02 04:52:16 阅读: 评论:0

油纸伞伞面图案-数学趣味小知识

鼠标单击变成双击
2023年3月2日发(作者:人参的功效与作用吃法)

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++);

});

4.在双击的同时也发⽣了单击事件,那么利⽤tTimeout和clearTimeout来实现对事件的清除。

去掉⿏标点击事件

vara=0;

vartimeoutID=null;

$("#testBtn").on("click",function(){

//clearTimeout()⽅法可取消由tTimeout()⽅法设置的timeout。

clearTimeout(timeoutID);

//tTimeout()⽅法⽤于在指定的毫秒数后调⽤函数或计算表达式

//利⽤时间的延迟来解决双击事件对单击事件的影响

timeoutID=eout(function(){

("thisisclickevent");

if(a==2){

$("#testBtn").css("background-color","red");

}

if(a==5){

$("#testBtn").css("background-color","green");

}

("a="+a++);

},200);

});

$("#testBtn").on("dblclick",function(){

clearTimeout(timeoutID);

("thisisdblclickevent");

("a="+a++);

});

本文发布于:2023-03-02 04:52:15,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/zuowen/1677703936106313.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

本文word下载地址:鼠标单击变成双击.doc

本文 PDF 下载地址:鼠标单击变成双击.pdf

上一篇:结婚主持词
下一篇:返回列表
相关文章
留言与评论(共有 0 条评论)
   
验证码:
推荐文章
排行榜
Copyright ©2019-2022 Comsenz Inc.Powered by © 站长QQ:55-9-10-26 专利检索|