javasctipt常用事件總結

鼠標事件

onclick	鼠標單擊事件
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);

js三大家族:offset scroll client