How can trigger the window resize event manually in JavaScript?
Your Answer
1 Answer
window.dispatchEvent(new Event('resize'));But This method not works for some browsers,
function ESresize(){
/*
* Trigger window resize function in javascript
* source path : http://codrate.com/questions/how-can-trigger-the-window-resize-event-manually-in-javascript
*/
if (typeof (Event) === 'function') {
// modern browsers
window.dispatchEvent(new Event('resize'));
} else {
//This will be executed on old browsers and especially IE
var resizeEvent = window.document.createEvent('UIEvents');
resizeEvent.initUIEvent('resize', true, false, window, 0);
window.dispatchEvent(resizeEvent);
}
}This method can use on many browser.
Eg:<button onclick="window.dispatchEvent(new Event('resize'));">Resize</button>
If you use jQuery library, You can use jQuery trigger() function to trigger window resize event
$(window).trigger('resize');
JOIN OVER 100,000 CODRATE USERS
Who get fresh code scripts from codrate!
Will send your codrate site configuration email in your mail account.
What is the codrate ?
codrate.com is a standard, fast cross browsing and highly versatile site. It is useful for many large number of Program Development Industries. So you can get support form Codrators , who are the codrate's joiners around world to help your program developments, You can answer other codrator's questions. Communicate with them. Share your knowledge with them. Do you have an interest in programming, So publish your articles about programming. It will help to maintain your professional co-profile. Actually codrate.com is not such as a regular web site. It will be gave new experience, best narrow cross-browser view, reduce processing time to receive browsing request, it's mean do not wasting your time to browsing codrate's web pages because it has been upgrade always modern coding ways. So, what do you waiting for ?. Try your own.