參考博客： https://www.cnblogs.com/plane-hjh/p/7880131.html https://www.cnblogs.com/leftJS/p/10948138.html http://caibaojian.com ...

1.event.stopPropagation()方法 這是阻止事件的冒泡方法，不讓事件向documen上蔓延，但是默認事件任然會執行，當你掉用這個方法的時候，如果點擊一個連接，這個連接仍然會被打開， 2.event.preventDefault()方法 這是阻止默認事件的方法，調用此方法 ...

1.背景介紹瀏覽器的事件發生順序 瀏覽器的事件發生順序分為事件冒泡與事件捕獲，分別由微軟和網景公司提出。 事件冒泡可以形象地比喻為把一顆石頭投入水中，泡泡會一直從水底冒出水面。也就是說，事件會從最內層的元素開始發生，一直向上傳播，直到document對象。 因此在事件冒泡的概念下在p元素 ...

事件冒泡 當事件發生后，這個事件就要開始傳播(從里到外或者從外向里)。為什么要傳播呢？因為事件源本身（可能）並沒有處理事件的能力，即處理事件的函數（方法）並未綁定在該事件源上。例如我們點擊一個按鈕時，就會產生一個click事件，但這個按鈕本身可能不能處理這個事件，事件必須從這 ...

阻止冒泡： 冒泡簡單的舉例來說，兒子知道了一個秘密消息，它告訴了爸爸，爸爸知道了又告訴了爺爺，一級級傳遞從而以引起事件的混亂，而阻止冒泡就是不讓兒子告訴爸爸，爸爸自然不會告訴爺爺。下面的demo 就是很好的例子 ...

經常遇到場景：多層級元素綁定ng-click 事件，則底層元素的點擊事件存在冒泡現象，怎么解決？ 類似原生JS ,只是語法稍有不同，如下： 阻止冒泡 $event.stopPropagation() 阻止默認行為 $event.preventDefault() 代碼實例--tab ...

一、阻止事件冒泡： 在上面的代碼中，input元素綁定了一個click事件，點擊它將調用show()方法 同時其父節點也綁定了一個click事件，點擊它將調用show2()方法 此時如果點擊input按鈕，將引發事件冒泡，show()和show2 ...

1. DOM事件流 事件流描述的是從頁面中接受事件的順序 事件發生時會在節點之間按照特定的順序傳播 這個傳播過程即DOM事件流 比如我們給一個div注冊了點擊事件 DOM事件流分為三個階段： 1、捕獲階段（從外往里 2、當前目標階段 3、冒泡階段（從里往外 冒泡事件：IE最早提出 時間 ...