js鼠標事件有哪些

JavaScript 中的鼠標事件有很多，以下是一些常見的鼠標事件：

鼠標點擊事件

• click：當用戶點擊鼠標左鍵或者在焦點在可點擊元素上按下回車鍵時觸發，常用于觸發按鈕點擊、鏈接跳轉等操作。
• dblclick：當用戶雙擊鼠標左鍵時觸發，可用于實現一些特殊的操作，比如雙擊放大圖片、雙擊編輯文本等。
• mousedown：當用戶按下鼠標按鈕（左鍵、右鍵或中鍵）時觸發，常與mouseup和mousemove配合實現元素的拖拽等功能。
• mouseup：當用戶釋放鼠標按鈕（左鍵、右鍵或中鍵）時觸發，與mousedown一起使用，用于判斷鼠標點擊操作的完成。
• contextmenu：當用戶點擊鼠標右鍵（或在鍵盤上按下上下文菜單鍵）時觸發，通常用于顯示自定義右鍵菜單。

鼠標移動事件

• mousemove：當鼠標指針在元素上移動時反復觸發，可用于實現鼠標跟隨效果、實時顯示鼠標位置等功能。
• mouseover：當鼠標指針從元素外部移入元素內部時觸發，鼠標移到其后代元素上時也會觸發，可用于實現鼠標懸停顯示提示信息等效果。
• mouseout：當鼠標指針從元素內部移出元素外部時觸發，鼠標移到其后代元素上時也會觸發，常與mouseover一起使用，用于控制元素的顯示和隱藏。
• mouseenter：當鼠標指針進入元素時觸發，與mouseover的區別在于該事件不冒泡，即鼠標移到其后代元素上時不會觸發，可用于更精確地控制元素的進入狀態。
• mouseleave：當鼠標指針離開元素時觸發，與mouseout的區別在于該事件不冒泡，即鼠標移到其后代元素時不會觸發，可用于更精確地控制元素的離開狀態。

鼠標滾輪事件

• wheel：當用戶滾動鼠標滾輪時觸發，可以獲取滾輪滾動的方向和距離，用于實現頁面滾動、圖片縮放等功能。

其他鼠標事件

• selectstart：當用戶開始選擇文本時觸發，可用于禁止或自定義文本選擇行為。
• selectend：當用戶結束選擇文本時觸發，可用于獲取用戶選擇的文本內容等操作。