這個老師解釋的不太好?。。。。?/p>

你們的思維應該反過來思考，不是遇到問題找爸爸，冒泡本質(zhì)是子孫繼承問題，有冒泡就是繼承，沒冒泡就是不繼承

案例里拋開根本性的東西去扯表面的現(xiàn)象，我覺得有點舍本逐末。

我有一點我最基本的理解就是，focus,blur是表單事件，說白了只有表單控件如input,textarea上才可以添加，而表單空間之間幾乎不存在父子嵌套的關系，所以談不上會引發(fā)冒泡事件，像div,p等其他的html元素是不可以添加這個事件的，那么，也就談不上子元素父元素之間的事件相互激發(fā)，談不上冒泡了。。focusin ,focusout是鼠標事件，可以添加在任何html元素上的，而很明顯的html元素會存在嵌套關系，比如div里裝一個表單控件input，那么一旦div 和input上都有focusin事件，點擊input子元素的時候，肯定會觸發(fā)父元素div上的冒泡事件。

一句話：究其根本是：focus? blur 是存在于幾乎無嵌套關系的表單控件上，不存在冒泡事件

focusin? focusout是存在所有html元素上的，有嵌套關系的元素就可以引發(fā)冒泡事件。

冒泡就是給子元素綁定的事件，父元素，祖先元素也會觸發(fā)，相當于魚吐泡泡，向上傳遞

捕獲則相反，給父元素綁定的事件，子元素也會觸發(fā)

我感覺冒泡現(xiàn)象說的少了一個方面，是有問題找爸爸，這是一個方面，但是如前面的mouseover，mouseout和mouseenter和mouseleave，如果mouseover父子同時有的話，在子元素上移動就都執(zhí)行，mouseenter就只執(zhí)行子元素，這里說的focus如果子元素有focus ，父元素有focusin，在子元素上聚焦就會都執(zhí)行 ，如果focusin在子元素上，父元素也有，就都執(zhí)行，如果是focus 就只執(zhí)行自己（前提是父元素上沒有focusin，有沒有focus無所謂），簡單的說就是如果父子都有這個事件，在子元素上觸發(fā)，父元素和子元素的事件都會觸發(fā)

冒泡現(xiàn)象其實可以理解為：遇到“問題”找“爸爸”。

?“問題”：就是一些特定的事件。?

“爸爸”：就是父級元素。?

舉例：focusin案例中第二個綠盒子里的input元素被我們點擊時，就觸發(fā)了focusin事件。

?但是input表示：我很方啊，我沒有這個事件的處理方法啊！咋整？找老爸，問他有沒有！

?綠盒子老爸說：莫方，我有，讓我來！ 最終就調(diào)用了綠盒子老爸的方法。

?PS:如果綠盒子老爸自己也沒有呢？他會問他的老爸，以此類推，一直問到老祖宗window，都沒有的話就只好啥也不做啦！