三個事件的觸發時機

mousedown

當滑鼠指標移動到元素上方，並按下滑鼠按鍵（左、右鍵均可）時，會發生 mousedown 事件。
與 click 事件不同，mousedown 事件僅需要按鍵被按下，而不需要鬆開即可發生。

mouseup

當在元素上鬆開滑鼠按鍵（左、右鍵均可）時，會發生 mouseup 事件。
與 click 事件不同，mouseup 事件僅需要鬆開按鈕。當滑鼠指標位於元素上方時，放鬆滑鼠按鈕就會觸發該事件。

click

當滑鼠指標停留在元素上方，然後按下並鬆開滑鼠左鍵時，就會發生一次 click 事件。
注意：觸發click事件的條件是按下並鬆開滑鼠左鍵！

三個事件的觸發順序

• 若在同一個元素上按下並鬆開滑鼠左鍵，會依次觸發mousedown、mouseup、click，前一個事件執行完畢才會執行下一個事件
• 若在同一個元素上按下並鬆開滑鼠右鍵，會依次觸發mousedown、mouseup，前一個事件執行完畢才會執行下一個事件，不會觸發click事件