防止执行父事件处理程序

Question

防止执行父事件处理程序

我有一棵迪夫树：

<div id="a" onclick="func">
    <div id="b" onclick="func">
         <div id="c" onclick="func">
         </div>
    </div></div>

当点击一个div，它使它的孩子隐形(点击“a”将变成“b”和“c”不可见)。

function func{
   if ($(childId).hasClass("visible")){
    $(childId).removeClass("visible");
    $(childId).addClass("invisible");}

问题是：单击“b”将调用“a”的单击，并使“b”和“c”不可见。如何使用jQuery禁用对“a”的单击？

谢谢

Answer 1

可以为子事件添加一个处理程序，防止单击事件传播：function handler(event) {     event.stopPropagation();     // now do your stuff        }$('#a').add('#b').click(handler);这样点击到'#b'不会传播到'#a'..也不会点击'#c'去'#b'，因此不会'#a'.

Answer 2

使用事件停止传播()停止将事件冒泡到父元素，从而防止任何父处理程序被通知该事件。单击b和c

Answer 3

甚至可以使用$(“.clickyClass a”).Click(函数(E){e.topPropagation()；})；假设.clickyClass有一个单击处理程序