Question

127

How to trigger window resize event using vanilla javascript?

rated 0 times [ 129] [ 2] / answers: 1 / hits: 26576 / 8 Years ago, tue, august 30, 2016, 12:00:00

I'm trying to trigger resize event using plain js for testing purpose, but window.resizeTo() and window.resizeBy() don't trigger the event according to the modern browsers prevent these actions. I tried jquery $(window).trigger('resize'); but it works only for events that attached via jquery like $(window).on('resize', handler);. however in my case the project I am working on uses plain javascript.

example

window.addEventListener('resize', function(){

    console.log('window has been resized !');

});



// or even using global onresize

window.onresize = function() {

    console.log('window has been resized!');

};

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

jarod

Add To Favorites

Follow

Total Points: 62

Total Questions: 111

Total Answers: 83

Location: Saint Vincent and the Grenadines

Member since Sat, Sep 11, 2021

3 Years ago

jarod questions

1 Is there a way to format text in embeds using discord.js?

Sun, Aug 23, 20, 00:00, 4 Years ago

1 NestJS env variable undefined

Sun, Apr 26, 20, 00:00, 4 Years ago

1 AssertionError: expected { Object (driver, name, ...) } to have property '_id'

Thu, Jan 30, 20, 00:00, 4 Years ago

1 How I can send my axios response to a variable with node.js

Wed, Dec 18, 19, 00:00, 5 Years ago

1 How to fix TypeError: Cannot read property 'length' of undefined in JavaScript?

Mon, Oct 21, 19, 00:00, 5 Years ago

View All

answered 8 Years ago george · Accepted Answer

You are most likely getting downvoted as people will see it as a duplicate, however from the you might not need jquery website:

IE9+

Trigger native

// For a full list of event types: https://developer.mozilla.org/en-US/docs/Web/API/document.createEvent

var el = document; // This can be your element on which to trigger the event

var event = document.createEvent('HTMLEvents');

event.initEvent('resize', true, false);

el.dispatchEvent(event);

Trigger custom

var el = document; // This can be your element on which to trigger the event

if (window.CustomEvent) {

  var event = new CustomEvent('my-event', {detail: {some: 'data'}});

} else {

  var event = document.createEvent('CustomEvent');

  event.initCustomEvent('my-event', true, true, {some: 'data'});

}



el.dispatchEvent(event);