js事件再解析

從別人空間摘得（強烈建議閱讀本文前先看下這篇文章）

這乙個例子看懂了就基本都搞清楚了

"
">"
p">parent
"c">child
"sub
">sub

其中不管是捕獲/處於/冒泡那個階段，向組織事件進一步傳播統一用event.stoppropagation();

ps:奇葩微軟的e.canclebubble= true 測試在ie9以上已經沒用了，ie9以上也可以用event.stoppropagation();了

ps2：e.canclebubble 容易給人造成誤解，以為它只是專門用來組織冒泡的！實際上它阻止的事事件三個階段！！！！

接下來又嘗試讓所有事件都不捕獲呢？

"
">"
p">parent
"c">child
"sub
">sub

結果事：

在一種情況：如果上面有乙個遮罩呢？三個巢狀的盒子會產生事件嗎

">我會定位了哦~~~

答案：點選在遮罩上則沒有任何事件產生！！

下面事遮罩上有事件的情況三個巢狀的盒子會產生事件嗎

"
">"
p">parent
"c">child
"sub
">sub
class="
float-left
">我會定位了哦~~~

在點選時候發現：

只有它自己的兩個事件產生！！三個巢狀的盒子不會產生事件

所以可以總結：事件的分階段傳播，是當有盒子巢狀時候才會發生！！我們這個fleleft元素內層沒有元素，外層為body，所有不會影響那三個巢狀的盒子！

之前學習過一段時間js繼承,當時以為懂了其實沒懂現在拿出來在回味複習一下參考了這篇文章 js的繼承一共六種方式，可以參考 js高程三本文直接用圖描述了一遍四.寄生組合繼承最佳方式 function beget obj f.prototype obj return new f func...

一頁面常常有事件點選的場景，這裡有兩種情況分辨事件冒泡和事件捕獲瀏覽器上最外層是window物件 1.事件捕獲它是從最外層開始發生到最具體的元素 p 2.事件冒泡是從結構內層最裡面元素發生到最外層document物件最內層向上到document物件上 p div body html doc...

一直以為張子陽是位功力深厚的長者，今天才知道他比我大一歲！功力深厚也就罷了，還長得那麼帥！汗顏！張老師在技術上不分輩分的文章我一直關注，由淺及深，能跟著學不少東西非常棒！我看技術從來不做筆記的，以為自己腦子好使，最近發現老是忘事，看來到了該做筆記的年齡了！具體的關於c 中的委託和事件我就不再...