>本節講解的內容對前面的章節具有依賴性，如果看起來有困難，請先看本系列前面的章節 ## 一、js知識復習 在講解事件監聽修飾符之前，我們有必要來復習一些基礎知識 ### 1.1.什么是事件冒泡與事件捕獲？  事件冒泡和事件捕獲是Dom事件傳播的兩種模式，默認是冒泡模式。 * 事件冒泡：事件從事件目標(target)開始，往上冒泡直到頁面的最上一級標簽。對于上面的例子，當我們點擊div#child的時候，方法childMethod和parentMethod將先后被調用。 * 事件捕獲：事件捕獲模式與冒泡模式正好相反，事件從父元素向子元素傳播。對于上面的例子，當我們點擊div#parent的時候，方法parentMethod和childMethod將先后被調用。 ### 1.2 什么是html標簽的默認行為？ * 比如：`<a>`標簽的默認行為是，實現跳轉 * 比如： `<input type="submit"/>`默認行為是提交表單 ## 二、學習事件監聽的修飾符  * **子元素**加上stop修飾符號之后，點擊子元素div，只有childMethod方法被觸發，parentMethod方法不會被觸發。  * **父元素**加上self修飾符之后，點擊子元素div，只有childMethod方法被觸發，parentMethod方法不會被觸發。  * 加上prevent修飾符號之后，不會有a標簽的默認跳轉行為。而會調用childMethod方法。  * 修飾符號可以串聯使用，`.stop.prevent`表示先阻止冒泡行為，后阻止a標簽的默認跳轉行為  ## 三、總結一下 * stop修飾符，可以阻止事件向上級標簽的冒泡行為 * self修飾符，表示被該修飾符修飾的父元素不接收子元素的事件冒泡行為 * prevent修飾符，可以阻止一些html標簽的默認行為，比如a標簽 * enter修飾符（按鍵監聽修飾符的一種），可以監聽回車按鍵的操作。 * once修飾符，表示事件只可以被觸發監聽一次，以后再操作則無效。 * capture修飾符，表示開啟事件傳播的捕獲模式，事件由父元素向子元素傳播，較少用到 ## 四、深入了解按鍵監聽修飾符 vue給我們定義好了一些常用的按鍵監聽修飾符，如下： * `.enter` 監聽回車鍵 * `.tab` 監聽Tab鍵 * `.delete` (監聽“刪除”和“退格”鍵) * `.esc` 監聽ESC鍵 * `.space` 監聽空格鍵 * `.up` 監聽"上"鍵 * `.down` 監聽"下"鍵 * `.left` 監聽"左"鍵 * `.right` 監聽"右"鍵 如果我們覺得上面的鍵盤監聽修飾符不夠用，我們還可以自定義，如下定義監聽F1按鍵 ~~~ // 可以使用 `v-on:keyup.f1` Vue.config.keyCodes.f1 = 112 ~~~ F1按鍵的鍵盤碼是112。