什么是事件冒泡?我們在平時的開發(fā)過程中,肯定會遇到在一個html元素包裹另一個html元素的情況,我們在這兩個元素上都綁定了事件,如果點擊里面的元素,那么這個事件會向這個對象的父級對象傳播,從里到外,直至它被處理(父級對象所有同類事件都將被激活),或者它到達(dá)了對象層次的最頂層,即document對象(有些瀏覽器是window)。
怎么阻止了?有三種方法來阻止。
1、.event.stopPropagation();事件處理過程中, 則只阻止事件往上冒泡,不阻止事件本身,它可以執(zhí)行了超鏈接的跳轉(zhuǎn);代碼如下圖:
2.event.preventDefault(); 有時候點擊提交按鈕會有一些默認(rèn)事件。比如跳轉(zhuǎn)到別的界面。但是如果沒有通過驗證的話,就不應(yīng)該跳轉(zhuǎn)。這時候可以通過設(shè)置event.preventDefault(),阻止默認(rèn)行為。代碼如下圖:
3.return false;事件處理過程中,不僅阻止了事件往上冒泡,而且阻止了事件本身,它就沒有執(zhí)行了超鏈接的跳轉(zhuǎn);代碼如下圖:
如沒特殊注明,文章均為方維網(wǎng)絡(luò)原創(chuàng),轉(zhuǎn)載請注明來自http://pdcharm.com/news/4955.html