当鼠标在元素上按下、释放以及点击时，JavaScript中的mousedown、mouseup和click事件会被触发。mousedown发生在按下鼠标键时，mouseup在释放鼠标键时，而click则要求同时按下和释放左键。这三个事件按顺序触发，且右键点击只会触发mousedown和mouseup，不触发click。
三个事件的触发时机
1.mousedown
当鼠标指针移动到元素上方，并按下鼠标按键（左、右键均可）时，会发生 mousedown 事件。
与 click 事件不同，mousedown 事件仅需要按键被按下，而不需要松开即可发生。
2.mouseup
当在元素上松开鼠标按键（左、右键均可）时，会发生 mouseup 事件。
与 click 事件不同，mouseup 事件仅需要松开按钮。当鼠标指针位于元素上方时，放松鼠标按钮就会触发该事件。
3.click
当鼠标指针停留在元素上方，然后按下并松开鼠标左键时，就会发生一次 click 事件。
注意：触发click事件的条件是按下并松开鼠标左键！，按下并松开鼠标右键并不会触发click事件。
三个事件的触发顺序
若在同一个元素上按下并松开鼠标左键，会依次触发mousedown、mouseup、click，前一个事件执行完毕才会执行下一个事件
若在同一个元素上按下并松开鼠标右键，会依次触发mousedown、mouseup，前一个事件执行完毕才会执行下一个事件，不会触发click事件
扫一扫
1042
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
