[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事件

當內容被粘貼時



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