jquery bind function have different execute sequence between Firefox and Chrome

Question

just like the example: http://jsfiddle.net/nicaia/6cHxR/

the js code:

$('#checkbox_id').bind('change',function({
    alert('change');
}).bind('click',function(event){
    alert('click');event.preventDefault();
});

in chrome click the checkbox will show this:

alert 'change' and alert 'click' and the checkbox will not be checked.(the checkbox is uncheck in first.)

and in firefox click the checkbox will show this: alert 'click' and the checkbox will not be checked.(the checkbox is uncheck in first.)

the change will not be triggered in firefox. i don't know why.somebody can tell me?

thanks.

I think it is because the checkbox loses focus after alert. Therefore 'change' event is not triggered api.jquery.com/change — Sergey Ratnikov
– Sergey Ratnikov, Commented Dec 23, 2011 at 10:31
linkthis question and my question is a bit like. and thanks @Nicola — Bodil
– Bodil, Commented Dec 28, 2011 at 8:24
@Sergey You will find the same issue if you replace alert with console.log. — Alex
– Alex, Commented Jan 22, 2013 at 6:56

Nicola Peluchetti · Accepted Answer · 2011-12-23 11:01:53Z

0

I think that chrome has a different behaviour from other browsers. I tried this code:

$('#checkbox_id').bind('change',function(){
    alert('change');
}).bind('click',function(event){
    alert('click');
});

(fiddle here: http://jsfiddle.net/6cHxR/8/) and Firefox execute the click handler before the change handler while IE and chrome execute the change handler before the click handler. I don't think that you can do a lot about that

answered Dec 23, 2011 at 11:01

Nicola Peluchetti

76.9k32 gold badges150 silver badges197 bronze badges

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

2 Comments

Bodil Over a year ago

in the click function this code "event.preventDefault()" stop the change event execute in firefox,because the click handler is executed before the change handler.why the click handler will be executed before change handler in firefox?

Nicola Peluchetti Over a year ago

@Bodil i think that firefox handles event differently from other browsers. I don't know if there is a specification for this and so every vendor makes his implementetion. to me it makes more sense that the click handler execute before the change handler, but that's my opinion

Collectives™ on Stack Overflow

jquery bind function have different execute sequence between Firefox and Chrome

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related