1. 程式人生 > 其它 >javascript的常用事件有哪些

javascript的常用事件有哪些

javascript常用事件:click、dblclick、mouseup、mouseout、keypress、keydown、keyup、error、load、resize、unload、blur、change、focus、reset等。

JavaScript 的一個基本特徵就是事件驅動。所謂事件驅動,就是當用戶執行了某種操作或 Javascript 和 html 互動後導致了某種狀態改變後,會因此而引發一系列程式的響應執行。在這裡,使用者的操作稱為事件,程式對事件作出的響應稱為事件處理。

事件處理,是指程式對事件作出的響應。事件,對 JavaScript 來說,就是使用者與 Web 頁面互動時產生的操作或 Javascript 和 html 互動後導致發生變化某種狀態的事情,比如移動滑鼠、按下某個鍵、單擊按鈕等操作以及表示 Ajax 的工作狀態發生變化、表示動畫已經完成執行等。事件處理中涉及的程式稱為事件處理程式。事件處理程式通常定義為函式。

在 Web 頁面中產生事件的介面元素,稱為事件源。在不同事件源上可以產生相同型別的事件,同一個事件源也可以產生不同型別的事件。JS 程式通過指明事件型別和事件源,並對事件源繫結事件處理程式,這樣,一旦事件源發生指定型別的事件,瀏覽器就會呼叫事件源所繫結的處理程式進行事件處理。所以事件處理涉及的工作包括事件處理程式的定義及其繫結。

在 Web 頁面中,使用者可進行的操作有很多,而每一種操作都將產生一個事件。下面給大家介紹一下javascript常用事件。

JavaScript 常用事件
事件 描述
滑鼠事件 click 使用者單擊滑鼠時觸發此事件
dblclick 使用者雙擊滑鼠時觸發此事件
mousedown 使用者按下滑鼠時觸發此事件
mouseup 使用者按下滑鼠後鬆開滑鼠時觸發此事件
mouseover 當用戶將滑鼠的游標移動到某物件範圍的上方時觸發此事件
mousemove 使用者移動滑鼠時觸發此事件
mouseout 當用戶滑鼠的游標離開某物件範圍時觸發此事件
mousewheel 當滾動滑鼠滾輪時發生此事件,只針對 IE 和 Chrome 有效
DOMMouseScroll 當滾動滑鼠滾輪時發生此事件,針對標準瀏覽器有效
鍵盤事件 keypress 當用戶鍵盤上的某個字元鍵被按下時觸發此事件
keydown 當用戶鍵盤上某個按鍵被按下時觸發此事件
keyup 當用戶鍵盤上某個按鍵被按下後鬆開時觸發此事件
視窗事件 error 載入檔案或影象發生錯誤時觸發此事件
load 頁面內容載入完成時觸發此事件
resize 當瀏覽器的視窗大小被改變時觸發此事件
unload 當前頁面關閉或退出時觸發此事件
表單事件 blur 當表單元素失去焦點時觸發此事件
click 使用者單擊複選框、單選框、普通按鈕、提交按鈕和重置按鈕等按鈕時觸發此事件
change 表單元素的內容發生改變並且元素失去焦點時觸發此事件
focus 當表單元素獲得焦點時觸發此事件
reset 使用者單擊表單上的重置按鈕時觸發此事件
select 使用者選擇了一個 input 或 textarea 表單元素中的文字時觸發此事件
submit 使用者單擊提交按鈕提交表單時觸發此事件