建站
咨詢
售后
建站咨詢
新聞中心
js什么是事件冒泡？
是事件向上傳導(dǎo)，當(dāng)后代元素上的事件被觸發(fā)時(shí)，將會(huì)導(dǎo)致其祖先元素上的同類事件也會(huì)觸發(fā)。
創(chuàng)新互聯(lián)公司網(wǎng)站建設(shè)公司，提供成都網(wǎng)站制作、成都做網(wǎng)站，網(wǎng)頁設(shè)計(jì)，建網(wǎng)站，PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);可快速的進(jìn)行網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴(kuò)展；專業(yè)做搜索引擎喜愛的網(wǎng)站，是專業(yè)的做網(wǎng)站團(tuán)隊(duì)，希望更多企業(yè)前來合作!
- js事件的冒泡大部分情況下都是有益的，如果需要取消冒泡，則需要使用事件對(duì)象來取消
js阻止事件冒泡的兩種方法？
阻止事件冒泡的兩種方法分別是使用event.stopPropagation()方法和event.cancelBubble屬性。
使用event.stopPropagation()可以在事件處理程序中調(diào)用，從而阻止事件繼續(xù)傳播到父元素。而使用event.cancelBubble屬性可以設(shè)置為true來阻止事件冒泡。這兩種方法都可以有效地阻止事件冒泡，讓我們可以更精確地控制事件的傳播。在編寫js代碼時(shí)，可以根據(jù)具體情況選擇合適的方法來實(shí)現(xiàn)事件冒泡的阻止。
js如何取消事件冒泡？
1、cancelBubble（HTML DOM Event 對(duì)象屬性） ：如果事件句柄想阻止事件傳播到包容對(duì)象，必須把該屬性設(shè)為 true。
2、stopPropagation（HTML DOM Event 對(duì)象方法）：終止事件在傳播過程的捕獲、目標(biāo)處理或起泡階段進(jìn)一步傳播。調(diào)用該方法后，該節(jié)點(diǎn)上處理該事件的處理程序?qū)⒈徽{(diào)用，事件不再被分派到其他節(jié)點(diǎn)。
3、 preventDefault（HTML DOM Event 對(duì)象方法）通知瀏覽器不要執(zhí)行與事件關(guān)聯(lián)的默認(rèn)動(dòng)作。例子： function stopBubble(e) { if (e && e.stopPropagation) e.stopPropagation() else window.event.cancelBubble=true } 把這個(gè)stopBubble(e)函數(shù)放到你想要的阻止事件冒泡函數(shù)里面就可以阻止事件冒泡了
到此，以上就是小編對(duì)于js事件冒泡與事件委托的問題就介紹到這了，希望這3點(diǎn)解答對(duì)大家有用。
文章題目：js什么是事件冒泡？（設(shè)置事件冒泡，js事件冒泡機(jī)制何時(shí)有用）
文章鏈接：http://www.fisionsoft.com.cn/article/dghhsjg.html
