Override a click event with another click event inside that element

Question

I have the following code:

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

And the following javascript:

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


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

How do I make it so that when I click #deleteme the click event for #clickme does not run?

Oleksandr T. · Accepted Answer · 2015-01-29 18:26:03Z

3

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

answered Jan 29, 2015 at 18:26

Oleksandr T.

77.6k17 gold badges177 silver badges145 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1