原文:要小心 JavaScript 的事件代理

我們知道,如果給 form 里面的 button 元素綁定事件,需要考慮它是否會觸發 form 的 submit 行為。除此之外,其它場合給 button 元素綁定事件,你幾乎不用擔心這個事件會有什么非預期的附加效果,很自然地會這樣寫事件處理代碼: 你之所以放心這么寫,是因為這個 button 元素沒有使用事件代理,即沒有代理任何子元素的事件。 事件代理的意思是,你要為一個元素綁定事件,但你不是直 ...

2020-05-27 17:10 14 1367 推薦指數:

查看詳情

關於JavaScript中的事件代理

  今天面試某家公司Web前端開發崗位,前面的問題回答的都還算湊活,並且又問了一下昨天面試時做的一道數組去重問題的解題思路(關於數組去重問題,可以觀賞我前幾天寫的:http://www.cnblogs ...

Wed Sep 16 07:18:00 CST 2015 2 1661
javascript 事件冒泡和事件代理

事件冒泡   簡單的講,當子元素的事件處理函數被觸發(如onclick),該事件會從事件源(當前子元素)逐級向上層元素傳遞,觸發祖先元素的 onclik 事件,一直到最外層 html 根元素。   這可能會帶來困擾,不必要的事件處理函數被執行了,不過我們可以阻止事件冒泡。事件觸發時,會傳入一個 ...

Sat Sep 29 01:27:00 CST 2018 0 854
JavaScript事件模型及事件代理

事件模型   JavaScript事件使得網頁具備互動和交互性,我們應該對其深入了解以便開發工作,在各式各樣的瀏覽器中,JavaScript事件模型主要分為3種:原始事件模型、DOM2事件模型、IE事件模型。   1.原始事件模型(DOM0級)     這是一種被所有瀏覽器都支持 ...

Tue May 22 01:17:00 CST 2018 0 1565
javascript事件代理事件委托)原理是怎么實現的

起因: 1、這是前端面試的經典題型,要去找工作的小伙伴看看還是有幫助的; 2、其實我一直都沒弄明白,寫這個一是為了備忘,二是給其他的知其然不知其所以然的小伙伴們以參考; 概述: 那什么叫事件委托呢?它還有一個名字叫事件代理JavaScript高級程序設計上講:事件委托就是利用事件冒泡,只 ...

Fri Sep 29 17:24:00 CST 2017 0 1657
JS 事件代理

事件處理器:onclick、onmouseover.... 在傳統的事件處理中,你需要為每一個元素添加或者是刪除事件處理器。然而,事件處理器將有可能導致內存泄露或者是性能下降——你用得越多這種風險就越大。 JavaScript事件代理:當我們需要對很多元素添加事件的時候,可以通過將事件添加到 ...

Sun Sep 04 17:38:00 CST 2016 0 3026
JS - 事件代理

如果你想給網頁添加點JavaScript的交互性,也許你已經聽過JavaScript事件代理(event delegation),並且覺得這是那些發燒友級別的JavaScript程序員才會關心的什么費解的設計模式之一。事實上,如果你已經知道怎么添加JavaScript事件 ...

Tue Apr 28 06:09:00 CST 2015 0 2533
react事件代理

參考:https://github.com/youngwind/blog/issues/107 首先回顧以下原生事件的兩個方法:event.stopImmediatePropagation 和 event.stopPropagation ,前者可以阻止同一dom上的后續事件的執行以及阻止冒泡 ...

Mon Dec 11 19:55:00 CST 2017 0 1616
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM