新聞中心
js什么是事件冒泡?
是事件向上傳導,當后代元素上的事件被觸發(fā)時,將會導致其祖先元素上的同類事件也會觸發(fā)。

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


咨詢
建站咨詢
