Preventing event propagation

Question

  function foos()
  {
    return false;
  }

  function foo()
   {
     concole.log("Maizere");
   }


<div onclick="foo()">
    <button type="button" onclick="return foos()">Display Date</button>
</div>

Return false is not cancelling the event propagation ,but is said that it also prevents event propagation. Have i misunderstood it?

Here is the reference

have you tried event.preventdefault() and event.cancelbubble = true — Satpal, May 02 '13 at 08:52
@SatpalSingh that is not my problem ,i m willing to know why return false is not working — Maizere Pathak.Nepal, May 02 '13 at 08:52
You may want to have a look at http://stackoverflow.com/questions/128923/whats-the-effect-of-adding-return-false-to-an-onclick-event — T. Junghans, May 02 '13 at 08:55

Jørgen · Accepted Answer · 2013-05-02T09:01:50.750

2

By using the event object parameter in the foos function, you can call stopPropagation() on it:

  function foos(ev)
  {
    ev.stopPropagation();
    return false;
  }

Returning false on vanilla javascript event handlers won't prevent propagation. However, jQuery event handlers will prevent it.

Return false here, will prevent default behavious, such as navigation when pressing a link or submitting a form with a submit button.

edited May 02 '13 at 09:01

answered May 02 '13 at 08:51

Jørgen

8,820
9
47
67

i was willing to know why return false is not working as it has been said – Maizere Pathak.Nepal May 02 '13 at 08:52
Return false prevents default behavior, but it won't prevent propagation. – Jørgen May 02 '13 at 08:53
it also prevents event propatation – Maizere Pathak.Nepal May 02 '13 at 08:55
i have provided the link plz check it out – Maizere Pathak.Nepal May 02 '13 at 09:02
1

See my remark about the jQuery event handlers. Your example doesn't use jQuery, and thus `stopPropagation` isn't happening. – Jørgen May 02 '13 at 09:04
You're welcome :) If you're happy with the solution you should accept or upvote. – Jørgen May 02 '13 at 09:45
i would be thankful if u help me with [this](http://stackoverflow.com/questions/16333390/javascript-event-object) problem.I have accepted and upvoted ur post – Maizere Pathak.Nepal May 02 '13 at 11:36

Preventing event propagation

1 Answers1