JS中常見的事件類型

鍵盤事件

事件名稱	何時觸發
keydown	按下任意按鍵。
keypress	除 Shift、Fn、CapsLock 外的任意鍵被按住。（連續觸發。）
keyup	釋放任意按鍵。

滑鼠事件

事件名稱	何時觸發
auxclick	A pointing device button (ANY non-primary button) has been pressed and released on an element.
click	在元素上按下并釋放任意滑鼠按鍵。
contextmenu	右鍵點選（在右鍵菜單顯示前觸發）。
dblclick	在元素上輕按兩下滑鼠按鈕。
mousedown	在元素上按下任意滑鼠按鈕。
mouseenter	指針移到有事件監聽的元素内。
mouseleave	指針移出元素範圍外（不冒泡）。
mousemove	指針在元素内移動時持續觸發。
mouseover	指針移到有事件監聽的元素或者它的子元素内。
mouseout	指針移出元素，或者移到它的子元素上。
mouseup	在元素上釋放任意滑鼠按鍵。
pointerlockchange	滑鼠被鎖定或者解除鎖定發生時。
pointerlockerror	可能因為一些技術的原因滑鼠鎖定被禁止時。
select	有文本被選中。
wheel	滾輪向任意方向滾動。

焦點事件

事件名稱	何時觸發
focus	元素獲得焦點（不會冒泡）。
blur	元素失去焦點（不會冒泡）。

CSS 動畫事件

事件名稱	何時觸發
animationstart	某個 CSS 動畫開始時觸發。
animationend	某個 CSS 動畫完成時觸發。
animationiteration	某個 CSS 動畫完成後重新開始時觸發。

表單事件

事件名稱	何時觸發
​ ​reset​ ​	點選重置按鈕時
​ ​submit​ ​	點選送出按鈕

剪貼闆事件

事件名稱	何時觸發
cut	已經剪貼選中的文本内容并且複制到了剪貼闆。
copy	已經把選中的文本内容複制到了剪貼闆。
paste	從剪貼闆複制的文本内容被粘貼。

拖放事件

事件名稱	何時觸發
drag	正在拖動元素或文本選區（在此過程中持續觸發，每 350ms 觸發一次）
dragend	拖放操作結束。（松開滑鼠按鈕或按下 Esc 鍵）
dragenter	被拖動的元素或文本選區移入有效釋放目标區
dragstart	使用者開始拖動HTML元素或選中的文本
dragleave	被拖動的元素或文本選區移出有效釋放目标區
dragover