天天看點

[Javascript]:JS的常用事件總結

下面收集了網上一些已經分好類的常用事件,友善自己查找相關事件知識。如有需要,請自取。

Window事件

針對 window 對象觸發的事件,也就是常說的頁面事件,屬于浏覽器事件類型(應用到 <body> 标簽):

事件 觸發該事件的條件
onload 頁面内容加載完成時觸發此事件
onunload 文檔解除安裝,即目前頁面視窗關閉觸發此事件
onbeforeunload 目前頁面視窗關閉之前觸發此事件
onerror 文檔發生錯誤時觸發此事件
onabort 圖檔在下載下傳時被使用者中斷
onmove 浏覽器的視窗被移動時觸發此事件
oncontextmenu 當彈出右鍵上下文菜單時發生
onresize 當浏覽器視窗被調整大小時觸發
onscroll 浏覽器的滾動條位置發生變化時觸發此事件

onafterprint

onbeforeprint

文檔列印完後觸發此事件

文檔列印之前觸發此事件

滑鼠和鍵盤事件

事件名 觸發該事件的條件
onclick事件 滑鼠點選某個對象
ondblclick事件 滑鼠輕按兩下某個對象
onmousedown事件 按下滑鼠鍵
onmouseup事件 滑鼠鍵按下後松開
onmouseover事件 滑鼠移動到某對象範圍的上方
onmouseout事件 滑鼠離開某對象範圍
onkeydown事件 鍵盤上某個按鍵被按下
onkeypress事件 鍵盤上某個鍵被按下或按住
onkeyup事件 鍵盤上某個鍵(按下後)被松開

表單事件(form)

由 HTML 表單内的動作觸發的事件(應用到幾乎所有 HTML 元素,但最常用在 form 元素中)

事件名 觸發該事件的條件
onblur事件 元素失去焦點
onfocus事件 元素獲得焦點
onchange事件 使用者改變表單域的内容
onsubmit事件 表單送出按鈕被點選
onreset事件 表單重置按鈕被點選
onformchange 在表單改變時運作的腳本。
onforminput 當表單獲得使用者輸入時運作的腳本。
oninput 當元素獲得使用者輸入時運作的腳本。
oninvalid 當元素無效時運作的腳本。

編輯事件

事件名 觸發該事件的條件
onselect事件 當文本内容被選擇
onbeforecopy事件 當頁面被選擇内容将要複制到系統剪貼闆前
oncopy事件 目前被選擇的内容被複制後
oncut事件 目前被選擇的内容被剪切
onpaste事件 當内容被粘貼時