1、語法：事件源.on事件型別 = 事件處理函式

事件繫結的三要素：
事件源：和“誰”做好約定
事件型別：約定一個什麼行為
事件處理函式：當用戶觸發該行為時，執行什麼程式碼

2、事件型別

（1）滑鼠事件
單擊:click 雙擊:dbclick 滑鼠按下:mousedown 滑鼠抬起:mouseup 滑鼠移動: mousemove 滑鼠移入:mouseover 滑鼠移出:mouseout 滑鼠移入:mouseenter 滑鼠移出:mouseleave......
（2）鍵盤
鍵盤按下:keydown 鍵盤抬起:keyup 鍵盤鍵入:keypress......
（3）瀏覽器
載入完畢:load 滾動:scroll 尺寸改變:resize......
（4）觸控
觸控開始:touchstart 觸控移動:touchmove 觸控結束:touchend......
（5）表單
聚焦:focus 失焦:blue 改變:change 輸入:input 提交:submit 重置:reset......

3、事件物件

（1）當事件觸發時，一個描述該事件資訊的物件資料型別
直接在事件處理函式接受形參：
div.onclick = function(e){
　　console.log(e)
}
（2）事件物件內的資訊
I、滑鼠事件
　　座標資訊：
　　1、offsetX和offsetY
　　2、clientX和clientY
　　3、pageX和pageY
II、鍵盤事件
　　按下的是哪一個按鍵——鍵盤編碼：
　　事件物件,keyCode

4、事件傳播

（1）捕獲——目標——冒泡
　　瀏覽器的傳播機制預設是在冒泡階段觸發事件的
（2）阻止事件傳播:事件物件.stopPropagation()

5、事件委託——利用事件冒泡的機制，把自己的事件委託給結構父級中的某一層