How to prevent events from raising?

Question

Is it possible that if one event raise prevent others from raising?

$(window).click(
    function(e)
    {
        $("#out").html("preventing next event from happening\n");
    });

$(window).click(
    function(e)
    {
        $("#out").html($("#out").html() + "evil event should not write here");
    });

The order of the events doesn't matter. It matters that if one execute the others don't. — BrunoLM, Mar 08 '11 at 21:53
http://stackoverflow.com/questions/209029/best-way-to-remove-an-event-handler-in-jquery — n00b, Mar 08 '11 at 21:56

score 4 · Accepted Answer · edited Mar 08 '11 at 23:34

4

$(window).click(
    function(e)
    {
        $("#out").html("preventing next event from happening\n");
        e.stopImmediatePropagation();
    });

$(window).click(
    function(e)
    {
        $("#out").html($("#out").html() + "evil event should not write here");
    });

http://api.jquery.com/event.stopImmediatePropagation/ -- read more here

edited Mar 08 '11 at 23:34

BrunoLM

88,362
76
272
427

answered Mar 08 '11 at 22:03

gailbear

479
3
13

score 3 · Answer 2 · answered Mar 08 '11 at 21:55

Well, you can use preventDefault() to stop the other event from occurring. This may be overkill for your solution, however, because it doesn't really give you a choice in which event fires.

http://jsfiddle.net/c52Wr/1/

$(window).click(
    function(e)
    {
        $("#out").html("preventing next event from happening\n");
        e.preventdefault();
    });

$(window).click(
    function(e)
    {
        $("#out").html($("#out").html() + "evil event should not write here");
    });

A better solution may be to accept a click and some parameter and check that parameter to decide how you want to respond.

How to prevent events from raising?

2 Answers2