mousedown、mouseup、click事件之間的關系及執行順序


 

三個事件的觸發時機

mousedown

當鼠標指針移動到元素上方,並按下鼠標按鍵(左、右鍵均可)時,會發生 mousedown 事件。
與 click 事件不同,mousedown 事件僅需要按鍵被按下,而不需要松開即可發生。

mouseup

當在元素上松開鼠標按鍵(左、右鍵均可)時,會發生 mouseup 事件。
與 click 事件不同,mouseup 事件僅需要松開按鈕。當鼠標指針位於元素上方時,放松鼠標按鈕就會觸發該事件。

click

當鼠標指針停留在元素上方,然后按下並松開鼠標左鍵時,就會發生一次 click 事件。
注意:觸發click事件的條件是按下並松開鼠標左鍵!,按下並松開鼠標右鍵並不會觸發click事件。

三個事件的觸發順序

  • 若在同一個元素上按下並松開鼠標左鍵,會依次觸發mousedownmouseupclick,前一個事件執行完畢才會執行下一個事件
  • 若在同一個元素上按下並松開鼠標右鍵,會依次觸發mousedownmouseup,前一個事件執行完畢才會執行下一個事件,不會觸發click事件


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM