Java sctipt常用事件匯總介紹

鼠標(biāo)單擊事件

?

ondblclick

?

鼠標(biāo)雙擊事件

?

onmouseover

?

鼠標(biāo)移入事件

?

onmouseout

?

鼠標(biāo)移出事件

?

onmousemove

?

鼠標(biāo)移動(dòng)事件

?

onmousedown

?

鼠標(biāo)按下事件 用的較少

?

onmouseup

?

鼠標(biāo)松開(kāi)事件 用的較少

?

?

鍵盤事件

執(zhí)行順序：onkeydown → onkeypress → onkeyup。

?

onkeydown

?

按下鍵事件（包括數(shù)字鍵、功能鍵）

?

onkeypress

?

按下鍵事件（只包含數(shù)字鍵）

?

onkeyup

?

放開(kāi)鍵事件（包括數(shù)字鍵、功能鍵）

?

?

表單事件

（1）onfocus事件； 獲取焦點(diǎn)觸發(fā)的事件

（2）onblur事件； 失去焦點(diǎn)觸發(fā)的事件。

（3）onchange事件；下拉列表列表項(xiàng)的選中觸發(fā)的事件是

（4）onselect事件； 單行文本框text或多行文本框textarea的文本時(shí)，會(huì)觸發(fā)的事件

具有獲得焦點(diǎn)和失去焦點(diǎn)事件的元素有3個(gè)：

（1）單行文本框text；

（2）多行文本框textarea；

（3）下拉列表select；

編輯事件

（1）復(fù)制事件oncopy；

（2）剪切事件oncut；

（3）粘貼事件onpaste；

頁(yè)面相關(guān)事件

（1）onload（加載事件）； onload事件表示在文檔加載完畢再執(zhí)行的事件

window.onload=function(){

……

}

（2）onresize（頁(yè)面大小事件）；

（3）onerror（出錯(cuò)事件）；

onscroll事件在元素滾動(dòng)條在滾動(dòng)時(shí)觸發(fā)

addEventListener() 方法

element.addEventListener(event, function, useCapture);

第一個(gè)參數(shù)是事件的類型 (如 "click" 或 "mousedown").

第二個(gè)參數(shù)是事件觸發(fā)后調(diào)用的函數(shù)。

第三個(gè)參數(shù)是個(gè)布爾值用于描述事件是冒泡還是捕獲。該參數(shù)是可選的。

注意:不要使用 "on" 前綴。 例如，使用 "click" ,而不是使用 "onclick"。

向原元素添加事件句柄

element.addEventListener("click", function(){ alert("Hello World!"); });

向同一個(gè)元素中添加多個(gè)事件句柄

element.addEventListener("mouseover", myFunction);

element.addEventListener("click", mySecondFunction);

向 Window 對(duì)象添加事件句柄

window.addEventListener("resize", function(){

document.getElementById("demo").innerHTML =sometext;

});

傳遞參數(shù)

element.addEventListener("click", function(){ myFunction(p1, p2); });

removeEventListener() 方法

removeEventListener() 方法移除由 addEventListener() 方法添加的事件句柄:

element.removeEventListener("mousemove", myFunction);