Как я могу не позволить огню события щелчка на дочернем элементе

Question

Как я могу не позволить огню щелчка на дочернем div.

<div id="div"> 
    <div id="first"></div> 
    <div id="last"></div> 
</div> 

$('#div').click(function(e){ 
    //if e.target were object 
    if(!e.target.is('#first')){ 
     //story 
    } 
}); 

Answer 1

Попробуйте это:

$(".parent_class .child_class").click(function(e) { 
    e.stopPropagation(); 
}); 

Это предотвращает событие от бурлит дерева DOM, предотвращая любые родительские обработчики от того notfied события.

Подробнее об этом here.

Вы также можете использовать (но я не пробовал) e.preventDefault();

Если вызывается этот метод, действие по умолчанию события не будет срабатывать.