鼠標單擊事件

?

ondblclick

?

鼠標雙擊事件

?

onmouseover

?

鼠標移入事件

?

onmouseout

?

鼠標移出事件

?

onmousemove

?

鼠標移動事件

?

onmousedown

?

鼠標按下事件 用的較少

?

onmouseup

?

鼠標松開事件 用的較少

?

?

鍵盤事件

執行順序：onkeydown → onkeypress → onkeyup。

?

onkeydown

?

按下鍵事件（包括數字鍵、功能鍵）

?

onkeypress

?

按下鍵事件（只包含數字鍵）

?

onkeyup

?

放開鍵事件（包括數字鍵、功能鍵）

?

?

表單事件

（1）onfocus事件； 獲取焦點觸發的事件

（2）onblur事件； 失去焦點觸發的事件。

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

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

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

（1）單行文本框text；

（2）多行文本框textarea；

（3）下拉列表select；

編輯事件

（1）復制事件oncopy；

（2）剪切事件oncut；

（3）粘貼事件onpaste；

頁面相關事件

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

window.onload=function(){

……

}

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

（3）onerror（出錯事件）；

onscroll事件在元素滾動條在滾動時觸發

addEventListener() 方法

element.addEventListener(event, function, useCapture);

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

第二個參數是事件觸發后調用的函數。

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

注意:不要使用 "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;

});

傳遞參數

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

removeEventListener() 方法

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

element.removeEventListener("mousemove", myFunction);