js常見的鼠標事件

1、mousedown
鼠標的鍵鈕被按下。

2、mouseup
鼠標的鍵鈕釋放彈起。

3、click
鼠標左鍵(或中鍵)被單擊。

事件觸發順序是:mousedown -> mouseup -> click

4、dblclick
鼠標左鍵(或中鍵)被雙擊。

事件觸發順序是:mousedown -> mouseup -> click -> mouseup -> click -> dblclick。

5、contextmenu
彈出右鍵菜單,它可能是鼠標右鍵觸發的,也可能是鍵盤的菜單鍵觸發的。

6、mouseover
鼠標移動到目標上方。

7、mouseout
鼠標從目標上方移出。

8、mousemove
鼠標在目標上方移動

注意:事件名稱大小寫敏感。若需要監聽以上事件,則在事件名的前面加個on即可。

事件區別

onmouseover、nmouseout:鼠標移動到自身時候會觸發事件,同時移動到其子元素身上也會觸發事件

onmouseenter、onmouseleave:鼠標移動到自身是會觸發事件,但是移動到其子元素身上不會觸發事件

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章