鼠標(biāo)單擊事件

ondblclick

鼠標(biāo)雙擊事件

onmouseover

鼠標(biāo)移入事件

onmouseout

鼠標(biāo)移出事件

onmousemove

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

onmousedown

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

onmouseup

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

鍵盤事件

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

onkeydown

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

onkeypress

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

onkeyup

放開鍵事件（包括數(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；

頁面相關(guān)事件

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

window.onload=funcTIon(){

……

}

（2）onresize（頁面大小事件）；

（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);