什么是事件？

事件是指用戶的行為或元素的狀態(tài)。由指定元素監(jiān)聽相關的事件，并且綁定事件處理函數。

什么是事件處理函數？

元素監(jiān)聽事件，并在事件發(fā)生時自動執(zhí)行的操作。

一、事件函數分類

1、鼠標事件

onclick //單擊 ondblclick //雙擊 onmouseover //鼠標移入 onmouseout //鼠標移出 onmousemove //鼠標移動

2、文檔或元素加載完畢：

onload //元素或文檔加載完畢

3、表單控件狀態(tài)監(jiān)聽：

onfocus //文本框獲取焦點 onblur //文本框失去焦點 oninput //實時監(jiān)聽輸入 onchange //兩次輸入內容發(fā)生變化時觸發(fā),或元素狀態(tài)改變時觸發(fā) onsubmit //form元素監(jiān)聽,點擊提交按鈕后觸發(fā),通過返回值控制數據是否可以發(fā)送給服務器

二、獲取元素節(jié)點

1、根據標簽名獲取元素節(jié)點列表

var elems = document.getElementsByTagName(""); /*參數 : 標簽名 返回值 : 節(jié)點列表,需要從節(jié)點列表中獲取具體的元素節(jié)點對象,添加相應下標。 */

2、根據 class 屬性值獲取元素節(jié)點列表

3、根據 id 屬性值取元素節(jié)點

4、根據 name 屬性值取元素列表

三、事件綁定方式

1、內聯方式： 將事件名稱作為標簽屬性綁定到元素上

例 :

<button onclick="alert()">點擊</button>

2、動態(tài)綁定 ：獲取元素節(jié)點，動態(tài)添加事件

例 :

btn.onclick = function (){ };

推薦教程：js入門教程