事件

事件驅動三要素：事件源，事件型別，事件處理函式（事件控制代碼）

一、新增事件監聽器

1.標籤裡新增（不推薦使用）

<input type="button" onclick="fn()">

2.標準DOM0級新增方式

ele.onclick = function(){}; //只能繫結一個同類型事件，程式碼由上至下解析

3.DOM2級新增方式

ele.addEventListener('click',function(){},boolean)
 boolean值控制事件流處於捕獲true 或冒泡 false （預設） 可省略不寫
 可以繫結多個同類型事件，同時執行

---刪除事件

1.DOM0級 ele.onclick=null; 簡單資料型別 存在棧上 值

2.DOM2級 複雜資料型別 存在堆上 址

function fn(){};                     
ele.addEventListener('click',fn);  
ele.removeEventListener('click',fn);

-----事件分類

1.window事件

• a. onload 載入事件
• b. onscroll 滾動
• c. onresize 視窗大小重置

2.滑鼠事件

onclick;       單擊
ondblclick;    雙擊
onmousedown;   滑鼠按下
onmouseup;     滑鼠鬆開
//不冒泡  常用
onmouseenter;  滑鼠移入
onmouseleave;  滑鼠移出
//冒泡 不常用
onmouseover;   滑鼠移入
onmouseout;    滑鼠移出

3.鍵盤事件 --->input和document才能繫結（可輸入元素）　

1.onkeydown;  某個鍵盤按鍵被按下
2.onkeyup;    某個鍵盤按鍵被鬆開
3.onkeypress; 某個按鍵被按下並鬆開

獲取鍵盤按鍵值
function(event){};
event.key  ------>按的那個鍵
event.keyCode --->按的鍵對應的ASCII碼

4.事件流 事件在頁面上的傳播順序

DOM0： 裡--->外

DOM2: 預設 （false) 裡---->外

當Boolean值改為（true ）外--->裡

IE認為事件像