鼠標單擊事件

ondblclick

鼠標雙擊事件

onmouseover

鼠標移入事件

onmouseout

鼠標移出事件

onmousemove

鼠標移動事件

onmousedown

鼠標按下事件 用的較少

onmouseup

鼠標松開事件 用的較少

鍵盤事件

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

onkeydown

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

onkeypress

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

onkeyup

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

表單事件

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

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

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

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

具有獲得焦點和失去焦點事件的元素有3個：

（1）單行文本框text；

（2）多行文本框textarea；

（3）下拉列表select；

編輯事件

（1）復制事件oncopy；

（2）剪切事件oncut；

（3）粘貼事件onpaste；

頁面相關事件

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

window.onload=funcTIon(){

……

}

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

（3）onerror（出錯事件）；

onscroll事件在元素滾動條在滾動時觸發(fā)

addEventListener() 方法

element.addEventListener(event, funcTIon, useCapture);

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

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

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

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

向原元素添加事件句柄

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

向同一個元素中添加多個事件句柄

element.addEventListener("mouseover", myFuncTIon);

element.addEventListener("click", mySecondFunction);

向 Window 對象添加事件句柄

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

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

});

傳遞參數(shù)

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

removeEventListener() 方法

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

element.removeEventListener("mousemove", myFunction);