在學(xué)習(xí)js事件之前 我們先了解一下事件冒泡 和事件捕獲
事件冒泡
由于覺得插個圖片太麻煩 嘿嘿 我來給大家口述一下 豐富豐富大家的想象力；
首先我們有三個盒子 分別為 盒子1蹲缠，盒子2棺克。以下分別由1，2代替线定；
1位大盒子 2為1里面的小盒子 娜谊；
我們給1設(shè)置點擊事件點擊2 系統(tǒng)執(zhí)行順序為1-2；
事假捕獲
事件捕獲的順序恰恰相反 點擊2 執(zhí)行順序為2-1斤讥；
點擊事件——鼠標(biāo)事件
lick：當(dāng)用戶單擊鼠標(biāo)按鈕時觸發(fā)纱皆。
dblclick：當(dāng)用戶雙擊主鼠標(biāo)按鈕時觸發(fā)。
mousedown：當(dāng)用戶按下了鼠標(biāo)還未彈起時觸發(fā)芭商。
mouseup：當(dāng)用戶釋放鼠標(biāo)按鈕時觸發(fā)派草。
mouseover：當(dāng)鼠標(biāo)移到某個元素上方時觸發(fā)。
mouseenter: 在鼠標(biāo)光標(biāo)從元素外部首次移動至元素范圍內(nèi)觸發(fā)铛楣，不參 與冒泡近迁，而且在光標(biāo)移動到后代元素上是不會觸發(fā)的
mouseleave: 在位于元素范圍內(nèi)的鼠標(biāo)光標(biāo)移動到元素范圍外之后觸 發(fā)，這個事件不參與冒泡簸州，而且在光標(biāo)移動到后代元素上不會觸發(fā)
mouseout：當(dāng)鼠標(biāo)移出某個元素上方時觸發(fā)鉴竭。
mousemove：當(dāng)鼠標(biāo)指針在元素上移動時觸發(fā)。
點擊事件——鍵盤事件
注：鍵盤事件大部分針對的是整個window 而不是某個節(jié)點
keydown：當(dāng)用戶按下鍵盤上任意鍵觸發(fā)岸浑，如果按住不放搏存，會重復(fù)觸發(fā)。
keyup：當(dāng)用戶釋放鍵盤上的鍵觸發(fā)矢洲。
keypress：當(dāng)用戶按下鍵盤上的字符鍵觸發(fā)璧眠，如果按住不放，會重復(fù)觸發(fā)。
獲取鍵盤按鍵的值
keycode：獲取鍵盤上每個按鍵的值 可以通過值來判斷客戶點擊的那個按鍵
