当前位置:首页 > html > 正文内容

mousedown,mouseup,click三个事件的执行顺序

关中浪子2年前 (2022-04-25)html1248
【腾讯云】2核2G4M云服务器新老同享99元/年,续费同价

三个事件的触发时机

mousedown


当鼠标指针移动到元素上方,并按下鼠标按键(左、右键均可)时,会发生 mousedown 事件。

与 click 事件不同,mousedown 事件仅需要按键被按下,而不需要松开即可发生。


mouseup


当在元素上松开鼠标按键(左、右键均可)时,会发生 mouseup 事件。

与 click 事件不同,mouseup 事件仅需要松开按钮。当鼠标指针位于元素上方时,放松鼠标按钮就会触发该事件。


click


当鼠标指针停留在元素上方,然后按下并松开鼠标左键时,就会发生一次 click 事件。

注意:触发click事件的条件是按下并松开鼠标左键!,按下并松开鼠标右键并不会触发click事件。


 


三个事件的触发顺序

若在同一个元素上按下并松开鼠标左键,会依次触发mousedown、mouseup、click,前一个事件执行完毕才会执行下一个事件

若在同一个元素上按下并松开鼠标右键,会依次触发mousedown、mouseup,前一个事件执行完毕才会执行下一个事件,不会触发click事件



找梯子最重要的就是稳定,这个已经上线三年了,一直稳定没有被封过,赶紧下载备用吧!

扫描二维码推送至手机访问。

版权声明:本文由码农翻生发布,如需转载请注明出处。

本文链接:https://lubojian.cn/post/169.html

分享给朋友:

相关文章

鼠标事件:onclick、onmousedown、onmouseup、onmouseover、onmouseout、onmouseenter、onmouseleave、鼠标的按键、 div简单拖拽

鼠标事件:    onclick:在鼠标左健点击弹起之后触发的事件,即一次完整的鼠标点击过程。过程完成瞬间触发函数。    onmousedown:事件会在鼠标按键被按下时发生。&...

前端CDN库,https://cdnjs.com/

好用的前端CDN库推荐:https://cdnjs.com/谷歌字体图标:<link href="https://cdnjs.cloudflare.com/ajax/libs/material-design-icons/3....

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。