標籤：代碼 事件冒泡 委託 can 傳遞 優點 javascrip 大小寫 add
#總結上星期五主要內容講的是事件有事件流的概念，總結來說就是三種傳遞的方法，dom瀏覽器預設為從下往上的冒泡方式，但是可以支援捕獲方式，而IE只有冒泡。
事件分四種：內嵌事件、DOM0級事件和DOM2級事件、以及IE的事件，第一種事件方式不推薦，DOM0和DOM2兩種各有優缺點。
事件的類型有很多種，一般分為滑鼠事件、鍵盤事件和其他。我們可以用傳入一個e的方式來擷取到Event對象，並使用其屬性。少部分事件帶有一些預設的行為，我們可以用相應方法予以清除。而事件冒泡也是有阻止其發生的方法的。
除以上內容，還有一個事件委託，概括起來意思就是子節點不處理事件，統一交由父元素處理。
以上知識點都能理解，活用上面有所欠缺，在之後的練習裡盡量多使用。本周的練習基本都能做出來，但是周末這個按鈕確實把我難著，實現的效果實在太少，希望明天能好好看看老師思路。
##事件***
- ###事件流
* 概念：當一個標籤觸發事件以後，從這個標籤沿著一個方向傳遞，這就叫事件流。是瀏覽器處理事件的方法。 * 分類： - 冒泡（從下到上）（IE只支援） - 捕獲（從上到下） （網景） - DOM事件流—DOM瀏覽器 (先捕獲，後冒泡)（預設冒泡）（如果兩種方法都存在，最後順序由代碼決定）
- ###事件處理方法 * 內嵌事件 盡量避免使用內嵌事件
* DOM0級事件
- 優點：相容各個瀏覽器 - 缺點：只能為一個事件添加一個處理方法 - 添加、刪除，可以用null覆蓋事件
* DOM2級事件 - addEventListener (dom瀏覽器)
`addEventListener（"click"，function（）{}，true代表捕獲/false代表冒泡）//三個參數` - 缺點：相容有問題 - 優點：能為一個事件添加多個處理方法 - 刪除：removeEventListener 注意三個參數必須一樣，特別注意函數名
- attachEvent （IE瀏覽器） - 刪除：tetachEvent（）兩個參數，除去第三個- ###事件類型
* 滑鼠 - mouse - over out 還會執行 裡面有子項目 - enter leave 子項目沒有影響 * 鍵盤 - key -down 一直按著 - up 彈起執行 - 按下彈起執行
* 其他 - onscroll
* ###事件對象（Event） - dom瀏覽器
- 擷取方法 ：函數裡傳入一個e - clientX clientY //滑鼠相對於瀏覽器 - screenX screenY //滑鼠相對於視窗
- IE - `e =window.event || e ；` 做相容
- 屬性
- onkeydown 索引值，不分大小寫 - onkeyup - onkeypress 字元碼 - keyCode （常用） - charCode - which
- 阻止事件的預設行為（方法） - e.preventDefault（）；（dom） - e.returnValue=false； （IE）- 阻止事件冒泡 - e.stopProopagation//DOM - e.cancelBubble=true；//IE
- ###技巧 - border-collapse：collapse； - border-spaceing：0； - 還原顏色 "" - `parseInt（moveDiv.style.left || 0）； //常見的數初始化技巧`
- ###事件委託
- 子項目不處理，父元素來處理事件。
JavaScript中的事件
