首頁 >web前端 >js教程 >阻止子元素繼承父元素事件具體思路及實作_javascript技巧

阻止子元素繼承父元素事件具體思路及實作_javascript技巧

WBOY
WBOY原創
2016-05-16 17:34:591424瀏覽
複製程式碼 程式碼如下:






#p_box包含#p_cont,當點擊#p_box區域任何位置(包括#p_cont ),都會觸發a事件。想要阻止點擊#p_cont區域時觸發a事件,需要在#p_cont區域內加入阻止事件冒泡的程式碼。
變成
複製程式碼 程式碼如下:





function a() {
//這裡是a事件的程式碼
}
function stopBubble(e) {
if (e && e.stopPropagation) {//非IE瀏覽器
  e.stopPropagation) {//非IE瀏覽器
  e.stopPropagation( );
}
else {//IE瀏覽器
window.event.cancelBubble = true;
}
}
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn