Do I need e.stopPropagation() and e.preventDefault()?

Question

In JavaScript/jQuery, I am registering click and touchstart events on a button, with this:

$('#open-about-popup').on('touchstart click', openAboutPopup_eventHandler)

Then in the event-handler, I have this:

e.stopPropagation(); 
e.preventDefault();

This is causing the next button-click not to fire. Do I have something wrong?

Thanks.

Did you read the documentation to find out what those functions do? — SLaks, Jan 17 '16 at 00:31
The codes `e.stopPropagation(); e.preventDefault();` will stop the default action. — Praveen Kumar Purushothaman, Jan 17 '16 at 00:32
Do you want to have next button click to be triggered then remove those 2 lines. — Venkat.R, Jan 17 '16 at 00:40
I think I need them, because I have touchstart and click, together. Maybe I need just one of them.And I did read the documentation — Talal, Jan 17 '16 at 01:11

score 2 · Answer 1 · answered Jan 17 '16 at 00:33

e.stopPropagation() prevents the event from bubbling up the DOM tree, e.preventDefault() prevents the browser from doing whatever default behavior is associated with the event - e.g. a click event on an <a> tag will make the browser redirect to the href of the link, but if you use preventDefault, it won't do that.

score -1 · Answer 2 · answered Jan 17 '16 at 14:46

-1

I fund the problem. It is unrelated to the post. Thanks.

answered Jan 17 '16 at 14:46

Talal

103
3
10

Do I need e.stopPropagation() and e.preventDefault()?

2 Answers2