1. 程式人生 > >js事件 js 常見事件

js事件 js 常見事件

屬性 當以下情況發生時,出現此事件 FF N IE
onabort 影象載入被中斷 1 3 4
onblur 元素失去焦點 1 2 3
onchange 使用者改變域的內容 1 2 3
onclick 滑鼠點選某個物件 1 2 3
ondblclick 滑鼠雙擊某個物件 1 4 4
onerror 當載入文件或影象時發生某個錯誤 1 3 4
onfocus 元素獲得焦點 1 2 3
onkeydown 某個鍵盤的鍵被按下 1 4 3
onkeypress 某個鍵盤的鍵被按下或按住 1 4 3
onkeyup 某個鍵盤的鍵被鬆開 1 4 3
onload 某個頁面或影象被完成載入 1 2 3
onmousedown 某個滑鼠按鍵被按下 1 4 4
onmousemove 滑鼠被移動 1 6 3
onmouseout 滑鼠從某元素移開 1 4 4
onmouseover 滑鼠被移到某元素之上 1 2 3
onmouseup 某個滑鼠按鍵被鬆開 1 4 4
onreset 重置按鈕被點選 1 3 4
onresize 視窗或框架被調整尺寸 1 4 4
onselect 文字被選定 1 2 3
onsubmit 提交按鈕被點選 1 2 3
onunload 使用者退出頁面 1 2 3

 

 

js 常見事件


a.視窗事件,只在body和frameset元素中才有效
onload      頁面或圖片載入完成時
onunload     使用者離開頁面時

b.表單元素事件,在表單元素中才有效
onchange     框內容改變時
onsubmit     點選提交按鈕時
onreset     重新點選滑鼠按鍵時
onselect     文字被選擇時
onblur      元素失去焦點時
onfocus     當元素獲取焦點時

c.鍵盤事件,在base,bdo,br,frame,frameset,head,html,iframe,meta,param,script,style,title元素裡都無效
onkeydown    按下鍵盤按鍵時
onkeypress    按下或按住鍵盤按鍵時
onkeyup     放開鍵盤按鍵時

d.在base,bdo,br,frame,frameset,head,html,iframe,meta,param,script,style,title元素裡都無效
onclick     滑鼠點選一個物件時
ondblclick    滑鼠雙擊一個物件時
onmousedown 滑鼠被按下時
onmousemove 滑鼠被移動時
onmouseout    滑鼠離開元素時
onmouseover 滑鼠經過元素時
onmouseup    釋放滑鼠按鍵時

e.其他
onresize     當視窗或框架被重新定義尺寸時
onabort     圖片下載被打斷時
onerror     當載入文件或圖片時發生錯誤時

自定義物件:有初始化物件和定義建構函式的物件兩種方法
a:初始化物件
例如: 物件={屬性1:值1;屬性2:值2;......屬性n:值n} 注意:每個屬性/值對之間用分號隔開;

b: 定義建構函式的物件
例如:
function 函式名(屬性1, 屬性2,......屬性N){
this.屬性1=屬性值1;
this.屬性2=屬性值2;
this.屬性n=屬性值n;

this.方法名1=函式名1;
this.方法名2=函式名2;
}

注意:方法名和函式名可以同名,但是在方法呼叫函式前,函式必須已經定義好,否則會出錯為自定義的函式建立新的例項一樣是使用 new 語句。


a.視窗事件,只在body和frameset元素中才有效
onload      頁面或圖片載入完成時
onunload     使用者離開頁面時

b.表單元素事件,在表單元素中才有效
onchange     框內容改變時
onsubmit     點選提交按鈕時
onreset     重新點選滑鼠按鍵時
onselect     文字被選擇時
onblur      元素失去焦點時
onfocus     當元素獲取焦點時

c.鍵盤事件,在base,bdo,br,frame,frameset,head,html,iframe,meta,param,script,style,title元素裡都無效
onkeydown    按下鍵盤按鍵時
onkeypress    按下或按住鍵盤按鍵時
onkeyup     放開鍵盤按鍵時

d.在base,bdo,br,frame,frameset,head,html,iframe,meta,param,script,style,title元素裡都無效
onclick     滑鼠點選一個物件時
ondblclick    滑鼠雙擊一個物件時
onmousedown 滑鼠被按下時
onmousemove 滑鼠被移動時
onmouseout    滑鼠離開元素時
onmouseover 滑鼠經過元素時
onmouseup    釋放滑鼠按鍵時

e.其他
onresize     當視窗或框架被重新定義尺寸時
onabort     圖片下載被打斷時
onerror     當載入文件或圖片時發生錯誤時

自定義物件:有初始化物件和定義建構函式的物件兩種方法
a:初始化物件
例如: 物件={屬性1:值1;屬性2:值2;......屬性n:值n} 注意:每個屬性/值對之間用分號隔開;

b: 定義建構函式的物件
例如:
function 函式名(屬性1, 屬性2,......屬性N){
this.屬性1=屬性值1;
this.屬性2=屬性值2;
this.屬性n=屬性值n;

this.方法名1=函式名1;
this.方法名2=函式名2;
}

注意:方法名和函式名可以同名,但是在方法呼叫函式前,函式必須已經定義好,否則會出錯為自定義的函式建立新的例項一樣是使用 new 語句。