關(guān)于event.cancelBubble的描述
關(guān)于event.cancelBubble的描述
關(guān)于event.cancelBubble的描述 由于HTML中的對象都是層次結(jié)構(gòu),比如一個(gè)Table包含了多個(gè)TR,一個(gè)TR包含了多個(gè)TD. ★點(diǎn)擊設(shè)計(jì)★ http://www.djasp.Net 全力打造WEB技術(shù)站點(diǎn),歡迎大家訪問!Bubble是一個(gè)事件可以從子節(jié)點(diǎn)向父節(jié)點(diǎn)傳遞,比如鼠標(biāo)點(diǎn)擊了一個(gè)TD,當(dāng)前的event.srcElement是這個(gè)TD,但是這種冒泡機(jī)制使你可以從TR或者Table處截獲這個(gè)點(diǎn)擊事件,但是如果你event.cancelBubble,則不能上傳事件。
本文由 點(diǎn)擊設(shè)計(jì) http://www.djasp.Net 收集整理。謝絕無聊之人轉(zhuǎn)載!舉個(gè)簡單的例子: 此內(nèi)容來源于 ★點(diǎn)擊設(shè)計(jì)★ http://www.djasp.Net 網(wǎng)頁編程資訊官方網(wǎng)站!比如你沒有用CSS,但是想同意改變你的頁面上的所有按鈕的屬性,你可以在頁面load完畢后使用在body中使用onmouseover方法統(tǒng)一改變鼠標(biāo)在按鈕上和離開后的style,而不用對每個(gè)按鈕都寫一邊。 請勿盜版 ★點(diǎn)擊設(shè)計(jì)★ http://www.djasp.Net 網(wǎng)站上的內(nèi)容,謝謝合作!程序如下: 請勿盜版 ★點(diǎn)擊設(shè)計(jì)★ http://www.djasp.Net 網(wǎng)站上的內(nèi)容,謝謝合作! 更加精準(zhǔn)的描述 a lot of events are passed upward through the DOM object structure, but you can use event.cancelBubble=true to stop this "bubbling". For example, if you click on the following button, the alert message boxes in both the button’s onclick event handler and the document’s onclick event handler will be displayed. But if you uncomment the cancelBubble line, you will only see the alert box in the button’s event handler get displayed: function document.onclick() { alert("in the document’s event handler!"); } function clickMe() { alert("in the button’s event handler!"); //event.cancelBubble = true; } < span>