JQuery function binded to click event of body node with another click event executed immediately

Question

$().ready(function(){
    $("#move-to").click(function(){
        $("body").bind("click",function(){
            alert("foo");
        });
    }); 
});

Why I see alert("foo") immediately after click on "move-to"?
When I bind "alert" on some div in document evrithing is ok.
Can come somebady help?
What I'm doing wrong?

because #move-to click is being propagated to body element. It's called event propagation in JS. — Prasenjit Kumar Nag
– Prasenjit Kumar Nag, Commented May 23, 2012 at 15:23
You really shouldn't be binding click events inside of click events (unless your usecase is an edgecase i guess) — user400654
– user400654, Commented May 23, 2012 at 15:26

SLaks · Accepted Answer · 2012-05-23 15:24:03Z

3

After your #move-to handler runs, the click event bubbles up to the <body>, firing the handler you just bound.

You can prevent that by calling e.stopPropagation().

Alternatively, you can bind the <body> click event after this event cycle by moving the bind() to a setTimeout call.

answered May 23, 2012 at 15:24

SLaks

891k182 gold badges1.9k silver badges2k bronze badges

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

Comments

thecodeparadox · Accepted Answer · 2012-05-23 15:25:21Z

0

$().ready(function(){
    $("#move-to").click(function(e){
      e.stopPropagation();
      $("body").bind("click",function(){
       alert("foo");
      });      
    }); 
});

But I think you code bind the click event again and again when you click on #move-to, this is not good if you don't unbind that click event somewhere else.

answered May 23, 2012 at 15:25

thecodeparadox

87.2k22 gold badges143 silver badges164 bronze badges

1 Comment

Maxym Marchenko Over a year ago

Yes of course. There will be unbind in function. It's only simple variant of function.

Collectives™ on Stack Overflow

JQuery function binded to click event of body node with another click event executed immediately

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related