事件冒泡是指當(dāng)一個元素觸發(fā)了某個事件后，其父元素也會依次觸發(fā)相同的事件，一直到根元素。在事件冒泡過程中，可以使用cancelBubble和stopPropagation來阻止事件繼續(xù)冒泡。
區(qū)別如下：
cancelBubble是IE瀏覽器的屬性，而stopPropagation是標(biāo)準(zhǔn)DOM事件的方法。在現(xiàn)代瀏覽器中，推薦使用stopPropagation來阻止事件冒泡。
cancelBubble是一個布爾值屬性，設(shè)置為true時可以阻止事件冒泡，設(shè)置為false則不會阻止事件冒泡。而stopPropagation是一個方法，調(diào)用該方法可以阻止事件冒泡。
stopPropagation除了可以阻止事件冒泡外，還可以阻止事件捕獲、阻止默認(rèn)行為。而cancelBubble只能用于阻止事件冒泡。
stopPropagation是標(biāo)準(zhǔn)DOM事件的方法，可以在事件處理函數(shù)中使用。而cancelBubble則是在事件對象的屬性上，需要在事件處理函數(shù)中使用event對象來設(shè)置。
綜上所述，cancelBubble和stopPropagation都可以用于阻止事件冒泡，但stopPropagation是標(biāo)準(zhǔn)DOM事件的方法，更加通用，而cancelBubble只適用于IE瀏覽器。因此，在編寫跨瀏覽器的代碼時，推薦使用stopPropagation來阻止事件冒泡。
億速云公眾號
手機(jī)網(wǎng)站二維碼
