什么是事件冒泡?我們?cè)谄綍r(shí)的開發(fā)過程中,肯定會(huì)遇到在一個(gè)html元素包裹另一個(gè)html元素的情況,我們?cè)谶@兩個(gè)元素上都綁定了事件,如果點(diǎn)擊里面的元素,那么這個(gè)事件會(huì)向這個(gè)對(duì)象的父級(jí)對(duì)象傳播,從里到外,直至它被處理(父級(jí)對(duì)象所有同類事件都將被激活),或者它到達(dá)了對(duì)象層次的最頂層,即document對(duì)象(有些瀏覽器是window)。
怎么阻止了?有三種方法來阻止。
1、.event.stopPropagation();事件處理過程中, 則只阻止事件往上冒泡,不阻止事件本身,它可以執(zhí)行了超鏈接的跳轉(zhuǎn);代碼如下圖:

2.event.preventDefault(); 有時(shí)候點(diǎn)擊提交按鈕會(huì)有一些默認(rèn)事件。比如跳轉(zhuǎn)到別的界面。但是如果沒有通過驗(yàn)證的話,就不應(yīng)該跳轉(zhuǎn)。這時(shí)候可以通過設(shè)置event.preventDefault(),阻止默認(rèn)行為。代碼如下圖:
3.return false;事件處理過程中,不僅阻止了事件往上冒泡,而且阻止了事件本身,它就沒有執(zhí)行了超鏈接的跳轉(zhuǎn);代碼如下圖:
如沒特殊注明,文章均為方維網(wǎng)絡(luò)原創(chuàng),轉(zhuǎn)載請(qǐng)注明來自http://zsyzsj.com/news/4955.html