How to check if browser window is fully resized or not?

Question

I want to execute one function, after my window is fully resized.

window.resizeTo('792','115');

myFunction();

My question :

1.Does the myFunction() method will be called only after the window is fully resized ?

2.If yes mean no problem for me, else I want the below scenario ?

My need :

I need a pure Javascript solution.

if(windowIsFullyResized){
      myFunction();
}else{
      // wait for window resize and again call myFunction();
}

How can I achieve this?

score 1 · Answer 1 · edited May 23 '17 at 10:26

1

Like it says here, you can do this :

I prefer to create an event:

$(window).bind('resizeEnd', function() {
    //do something, window hasn't changed size in 500ms
});

Here is how you create it:

 $(window).resize(function() {
        if(this.resizeTO) clearTimeout(this.resizeTO);
        this.resizeTO = setTimeout(function() {
            $(this).trigger('resizeEnd');
        }, 500);
    });

You could have this in a global javascript file somewhere.

edited May 23 '17 at 10:26

Community

1
1

answered Apr 03 '14 at 14:24

SauriolJf

412
2
10

Thanks for your reply.I need a pure javascript solution. – Human Being Apr 03 '14 at 14:29
You are debouncing event, not bad! – A. Wolff Apr 03 '14 at 14:29
@HumanBeing You are lucky, jQuery is a javascript library, so not that hard to 'convert' code/syntax. And funny enough you had tagged question with jQuery tag... – A. Wolff Apr 03 '14 at 14:30
@Wolf In my project we can't include or use the jquery. – Human Being Apr 03 '14 at 14:33

score 0 · Answer 2 · answered Apr 03 '14 at 14:23

0

You can do like this maybe:

$( window ).resize(function() {
    var windowWidth = $(window).width();
    var windowHeight = $(window).height();
    if(windowWidth == 792 && windowHeight == 115) myFUnction();
});

answered Apr 03 '14 at 14:23

b4ttl3m4st3r

106
11

Thanks for your reply.I need a pure javascript solution. – Human Being Apr 03 '14 at 14:29
I have to do the same thing , only after my window is resized . – Human Being Apr 03 '14 at 14:35
`window.onresize=function(){SomeJavaScriptCode};` – b4ttl3m4st3r Apr 03 '14 at 14:37
In some case , it fails. So only I am asking how to check , browser window is fully resized or not? – Human Being Apr 03 '14 at 14:41

How to check if browser window is fully resized or not?

2 Answers2