当鼠标指针移动到元素上方,并按下鼠标按键(左、右键均可)时,会发生mousedown事件。
与click事件不同,mousedown事件仅需要按键被按下,而不需要松开即可发生。
mouseup(推荐学习:JavaScript视频教程)
当在元素上松开鼠标按键(左、右键均可)时,会发生 mouseup 事件。
与 click 事件不同,mouseup 事件仅需要松开按钮。当鼠标指针位于元素上方时,放松鼠标按钮就会触发该事件。
click
当鼠标指针停留在元素上方,然后按下并松开鼠标左键时,就会发生一次 click 事件。
注意:触发click事件的条件是按下并松开鼠标左键!,按下并松开鼠标右键并不会触发click事件。
三个事件的触发顺序
若在同一个元素上按下并松开鼠标左键,会依次触发mousedown、mouseup、click,前一个事件执行完毕才会执行下一个事件
若在同一个元素上按下并松开鼠标右键,会依次触发mousedown、mouseup,前一个事件执行完毕才会执行下一个事件,不会触发click事件
实例:当按下鼠标按钮时,隐藏或显示元素:
<html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").mousedown(function(){ $("p").slideToggle(); }); }); </script> </head> <body> <p>这是一个段落。</p> <button>切换</button> </body> </html>
更多js相关技术文章,请访问js教程栏目进行学习!
以上就是mousedown是什么事件的详细内容,更多请关注php中文网其它相关文章!
声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
- 上一篇:计算机指令的基本概念
- 下一篇:手机定位服务在哪里打开
网友评论
文明上网理性发言,请遵守 新闻评论服务协议
我要评论