js鼠標事件有哪些-js鼠標事件有哪些類型
js鼠標事件有哪些
JavaScript 中的鼠標事件有很多，以下是一些常見的鼠標事件：
鼠標點擊事件
- click：當用戶點擊鼠標左鍵或者在焦點在可點擊元素上按下回車鍵時觸發，常用于觸發按鈕點擊、鏈接跳轉等操作。
- dblclick：當用戶雙擊鼠標左鍵時觸發，可用于實現一些特殊的操作，比如雙擊放大圖片、雙擊編輯文本等。
- mousedown：當用戶按下鼠標按鈕（左鍵、右鍵或中鍵）時觸發，常與
mouseup和mousemove配合實現元素的拖拽等功能。 - mouseup：當用戶釋放鼠標按鈕（左鍵、右鍵或中鍵）時觸發，與
mousedown一起使用，用于判斷鼠標點擊操作的完成。 - contextmenu：當用戶點擊鼠標右鍵（或在鍵盤上按下上下文菜單鍵）時觸發，通常用于顯示自定義右鍵菜單。
鼠標移動事件
- mousemove：當鼠標指針在元素上移動時反復觸發，可用于實現鼠標跟隨效果、實時顯示鼠標位置等功能。
- mouseover：當鼠標指針從元素外部移入元素內部時觸發，鼠標移到其后代元素上時也會觸發，可用于實現鼠標懸停顯示提示信息等效果。
- mouseout：當鼠標指針從元素內部移出元素外部時觸發，鼠標移到其后代元素上時也會觸發，常與
mouseover一起使用，用于控制元素的顯示和隱藏。 - mouseenter：當鼠標指針進入元素時觸發，與
mouseover的區別在于該事件不冒泡，即鼠標移到其后代元素上時不會觸發，可用于更精確地控制元素的進入狀態。 - mouseleave：當鼠標指針離開元素時觸發，與
mouseout的區別在于該事件不冒泡，即鼠標移到其后代元素時不會觸發，可用于更精確地控制元素的離開狀態。
鼠標滾輪事件
- wheel：當用戶滾動鼠標滾輪時觸發，可以獲取滾輪滾動的方向和距離，用于實現頁面滾動、圖片縮放等功能。
其他鼠標事件
- selectstart：當用戶開始選擇文本時觸發，可用于禁止或自定義文本選擇行為。
- selectend：當用戶結束選擇文本時觸發，可用于獲取用戶選擇的文本內容等操作。