Why does my JavaScript onresize fire twice?

Question

I have a fiddle here:

window.onresize = function (e) {
    console.log("Page resized");
};

And every time I resize the window I get two logs to the console

What about this post: http://stackoverflow.com/questions/5534363/why-does-the-jquery-resize-event-fire-twice — gongzhitaao, Apr 24 '13 at 01:37

score 3 · Answer 1 · answered Apr 24 '13 at 01:34

3

It's a well known bug (perhaps relating to event bubbling? I say well known, but that's other people who know it, not me :P ). Use a setTimeout to check the last time the window was resized to avoid this.

answered Apr 24 '13 at 01:34

Elliot Bonneville

51,872
23
96
123

score 0 · Answer 2 · answered Apr 24 '13 at 01:54

Try:

window.onresize = function (e) {
    console.log(e);
};

you'll see the event fires every time you drag the browser window

Depends on implementation: maybe 2 times, the first for tell you the window is being resized and the second for windows finished resizing.

Why does my JavaScript onresize fire twice?

2 Answers2