資訊專欄INFORMATION COLUMN
摘要：兩種，冒泡和捕獲，不對(duì)是捕獲和冒泡。事件激活后是先進(jìn)行捕獲，然后把函數(shù)都進(jìn)行注冊(cè)，比如一個(gè)元素綁定了多個(gè)事件。，判定當(dāng)前元素，綁或解或跳過
兩種，冒泡和捕獲，不對(duì)是捕獲和冒泡。
document.body.addEventListener("click",function(){console.log("1")},true);
document.body.addEventListener("click",function(){console.log("4")},false);
document.querySelector("header").addEventListener("click",function(){console.log("2")},true);
document.querySelector("header").addEventListener("click",function(){console.log("3")},false);
說明：
先不關(guān)注捕獲還是冒泡。事件激活后是先進(jìn)行捕獲，然后把函數(shù)都進(jìn)行注冊(cè)，比如一個(gè)元素綁定了多個(gè)click事件。
然后判斷addEventListener的第三個(gè)參數(shù)，ture表示捕獲，false表示冒泡;
上面的body,header元素綁定了四個(gè)事件，ture優(yōu)于false執(zhí)行(兩個(gè)都有，捕獲事件優(yōu)于冒泡)，捕獲是從body往header(從外到內(nèi)，對(duì)于都是true而言)，冒泡是從header往body(從里到外，對(duì)于都是false而言)
阻止捕獲或者冒泡，拋開這兩個(gè)東西，也就是阻止事件傳播。打開chrome控制臺(tái)，執(zhí)行console.dir(window.Event.prototype),關(guān)注里面的四個(gè)方法initEvent、preventDefault、stopImmediatePropagation、stopPropagation，第一個(gè)初始化事件方法，第二個(gè)阻止默認(rèn)行為，第三個(gè)百度一下，第四個(gè)stop：停止，propagation：傳播。
target、currenttarget，判定當(dāng)前元素，綁或解或跳過
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/85306.html
摘要：作為一名前端菜鳥，最近看例子，根據(jù)理解自己也簡(jiǎn)單實(shí)現(xiàn)了一下組件的繼承和事件機(jī)制。公共功能銷毀在子類中調(diào)用的組件自己的功能的實(shí)現(xiàn)有很多種，我用了，的實(shí)現(xiàn)比較巧妙。最后記得提供一個(gè)銷毀組件的方法，一個(gè)簡(jiǎn)單的組件就完成了。 作為一名前端菜鳥，最近看react例子，根據(jù)理解自己也簡(jiǎn)單實(shí)現(xiàn)了一下組件的繼承和事件機(jī)制。 代碼在這里 原始的組件寫法 (function($) { $.plug...
摘要：由于引擎同一時(shí)間只執(zhí)行一段代碼這是由單線程的性質(zhì)決定的，所以每個(gè)代碼塊阻塞了其它異步事件的進(jìn)行。這意味著瀏覽器將等待著一個(gè)新的異步事件發(fā)生。異步的任務(wù)執(zhí)行的順序是不固定的，主要看返回的速度。 我們經(jīng)常說JS是單線程的，比如node.js研討會(huì)上大家都說JS的特色之一是單線程的，這樣使JS更簡(jiǎn)單明了，可是大家真的理解所謂JS的單線程機(jī)制嗎？單線程時(shí)，基于事件的異步機(jī)制又該當(dāng)如何，這些知識(shí)...
摘要：也不例外，在發(fā)布新功能前，最好是一定要對(duì)代碼進(jìn)行充分的測(cè)試。自從年雙十一正式上線，累計(jì)處理了億錯(cuò)誤事件，付費(fèi)客戶有金山軟件百姓網(wǎng)等眾多品牌企業(yè)。 譯者按： 前端技術(shù)涉及的越來(lái)越多！ 原文: 10 things to learn on the way to becoming a JavaScript Master 譯者: Fundebug 為了保證可讀性，本文采用意譯而非直譯。...
摘要：除此之外，還有一種情況也會(huì)修改，在一些庫(kù)中傳入回調(diào)函數(shù)，可能會(huì)強(qiáng)制改變的綁定，例如在中本例中的就是被強(qiáng)制改變綁定到了觸發(fā)事件的元素上。它們的第一個(gè)參數(shù)是一個(gè)對(duì)象，它們會(huì)把這個(gè)對(duì)象綁定到，接著在調(diào)用函數(shù)時(shí)指定這個(gè)。 理解JavaScript中的this關(guān)鍵詞 this關(guān)鍵詞是JavaScript語(yǔ)言中一個(gè)很重要，同時(shí)也是一個(gè)非常復(fù)雜的機(jī)制，它同時(shí)也是一個(gè)很特殊的關(guān)鍵詞，它一般會(huì)被自動(dòng)定義...
閱讀 2198·2023-04-25 18:49
閱讀 1902·2019-08-30 14:02
閱讀 2733·2019-08-29 17:24
閱讀 3377·2019-08-28 18:10
閱讀 2987·2019-08-28 18:03
閱讀 558·2019-08-26 12:01
閱讀 3377·2019-08-26 11:31
閱讀 1497·2019-08-26 10:29
