首頁(yè) 猿問(wèn) 如果document有一個(gè)事件，那...

如果document有一個(gè)事件，那所有元素的事件都要阻止冒泡，JavaScript為什么要這樣設(shè)計(jì)？

JavaScript

冉冉說(shuō) 2019-03-20 18:19:07

如題：如果document有一個(gè)事件，那所有元素的事件都要阻止冒泡，JavaScript為什么要這樣設(shè)計(jì)？說(shuō)實(shí)話，我一直不理解只有我一個(gè)人有這樣的困惑嗎？更新：我的意思不是問(wèn)冒泡有什么優(yōu)點(diǎn)而是為什么要默認(rèn)冒泡我完全可以默認(rèn)不冒泡也不捕獲，但是給個(gè)開(kāi)啟選項(xiàng)因?yàn)榇蠖鄶?shù)時(shí)候其實(shí)是不需要冒泡的，反而增加了阻止冒泡的重復(fù)代碼

查看完整描述

4 回答

婷婷同學(xué)_

TA貢獻(xiàn)1844條經(jīng)驗(yàn) 獲得超8個(gè)贊

講真的，很少在document上綁定事件吧，再者，函數(shù)return false不是順手的事兒?jiǎn)?/p>

反對(duì) 回復(fù) 2019-04-02

大話西游666

TA貢獻(xiàn)1817條經(jīng)驗(yàn) 獲得超14個(gè)贊

有以下一種場(chǎng)景：

有一個(gè)表格，比如20 x 20，表格中每個(gè)td都有三個(gè)按鈕，每個(gè)按鈕都有一個(gè)點(diǎn)擊事件。

如果沒(méi)有冒泡，那么你需要在每個(gè)按鈕上都加一個(gè)事件，一共1200個(gè)事件。

這個(gè)場(chǎng)景并不極端，對(duì)于一些企業(yè)應(yīng)用經(jīng)常會(huì)出現(xiàn)，這么多事件會(huì)對(duì)性能有較大影響。

而如果你利用冒泡，你只需要一個(gè)事件就可以搞定，也就是在table上加一個(gè)點(diǎn)擊事件。

幾百幾千倍的效率提升哦。

并不是大多時(shí)候都是不需要冒泡的，而是大多數(shù)時(shí)候你都沒(méi)用冒泡。推薦的玩法就是利用冒泡機(jī)制來(lái)做性能優(yōu)化，或者可能你根本沒(méi)有意識(shí)到你在用冒泡，比如react，表面上你把事件綁定在某個(gè)組件上了，然而所有事件實(shí)際上都是綁在document上的。

反對(duì) 回復(fù) 2019-04-02

慕粉4142439
你的意思我理解，那么這個(gè)元素綁定一個(gè)事件，這個(gè)時(shí)候是需要阻止冒泡呢？還是不阻止呢？前提條件是不影響其他元素上的事件，我的想法是可以阻止，也可以不阻止。這個(gè)時(shí)候就會(huì)想到為啥觸發(fā)了當(dāng)前事件了，還要繼續(xù)冒泡呢，這種冒泡機(jī)制真的好嗎？不應(yīng)該觸發(fā)當(dāng)前元素事件就好了嗎？給人帶來(lái)困擾。

回復(fù) 2024-04-22