how to prevent to calling another function in JS?

Question

function datePicker(event)
{
//do something`enter code here`
}

document.onclick=function() {
//do something
}

When I call datePicker() function I want to prevent the calling second method . How to do that ?

Community · Accepted Answer · 2017-05-23 12:20:03Z

3

Use event.stopPropagation() to stop the event bubbling up to the document click listener:

function datePicker(event)
{
    event.stopPropagation();
}

You can also use event.stopImmediatePropagation() to stop sibling elements receiving the event too, if necessary: jquery: stopPropagation vs stopImmediatePropagation

jQuery Example with IE8 catered for: http://jsfiddle.net/kHT2A/2/

edited May 23, 2017 at 12:20

CommunityBot

11 silver badge

answered Feb 23, 2012 at 13:41

Joe

15.8k4 gold badges52 silver badges84 bronze badges

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

3 Comments

Joe Over a year ago

Is the function datePicker actually receiving an event, or just a parameter called event?

user1106925 Over a year ago

stopPropogation isn't available in IE8 and lower, and stopImmediatePropagation isn't available natively in any browser.

Joe Over a year ago

Just found out it's prop/a/gation, not prop/o/gation - you learn something new every day :) Updated answer with the correct spelling Also, see jsfiddle.net/kHT2A/1 for a working example with jQuery

Collectives™ on Stack Overflow

how to prevent to calling another function in JS?

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related