Override событие щелчка с другим событием щелчка внутри этого элемента

Question

У меня есть следующий код:

<a id="clickme" href="#"> 
    <span>Text for link goes here</span> 
    <button id="deleteme">X</div> 
</a> 

И следующий JavaScript:

$("body").on('click', "#clickme", function(e) { 
    //stuff here 
}); 


$("body").on('click', "#deleteme", function(e) { 
    //stuff here 
}); 

Как сделать это так, чтобы, когда я нажимаю #deleteme событие click для #clickme не запускается?

Answer 1

Использование stopPropagation

$("body").on('click', "#deleteme", function(e) { 
    e.stopPropagation(); 
});