Windows resize trigger event not working in IE11

Question

I want to trigger a resize event using code.

I am using the following code. It works fine in other browsers, but not in IE11.

if (navigator.userAgent.indexOf('MSIE') !== -1 || navigator.appVersion.indexOf('Trident/') > 0) { $(window).trigger('resize'); } else { window.dispatchEvent(new Event('resize')); } 

Please consult me, am I missing something?

Answer 1

Even Internet Explorer 11 does not support a resize event. So I solved it using the following solution.

 if (navigator.userAgent.indexOf('MSIE') !== -1 || navigator.appVersion.indexOf('Trident/') > 0) { var evt = document.createEvent('UIEvents'); evt.initUIEvent('resize', true, false, window, 0); window.dispatchEvent(evt); } else { window.dispatchEvent(new Event('resize')); } 

Answer 2

try it

 var resizeEvent = window.document.createEvent('UIEvents'); resizeEvent .initUIEvent('resize', true, false, window, 0); window.dispatchEvent(resizeEvent); 

Answer 3

Solution from another post How to trigger a window resize event in JavaScript? that I came across works well.

A fragment of the same:

 if (typeof(Event) === 'function') { // modern browsers window.dispatchEvent(new Event('resize')); } else { // for IE and other old browsers // causes deprecation warning on modern browsers var evt = window.document.createEvent('UIEvents'); evt.initUIEvent('resize', true, false, window, 0); window.dispatchEvent(evt); }