バニラジャバスクリプトを使用してウィンドウのサイズ変更イベントをトリガーするにはどうすればよいですか？

Question

私は、テスト目的のためにプレーンjsを使用してサイズ変更イベントをトリガーしようとしていますが、現代のブラウザによれば、window.resizeTo()とwindow.resizeBy()はイベントをトリガーしません。私はjquery $(window).trigger('resize');を試しましたが、$(window).on('resize', handler);のようなjqueryで接続されたイベントに対してのみ動作します。しかし、私の場合、私が取り組んでいるプロジェクトではプレーンなjavascriptを使用しています。

例

window.addEventListener('resize', function(){ 
    console.log('window has been resized !'); 
}); 

// or even using global onresize 
window.onresize = function() { 
    console.log('window has been resized!'); 
}; 

Answer 1

人々はas a duplicateそれを見るようにあなたが最も可能性が高いしかしyou might not need jquery websiteから、downvotedなっている：

IE9 +

トリガーネイティブ

// For a full list of event types: https://developer.mozilla.org/en-US/docs/Web/API/document.createEvent 
var event = document.createEvent('HTMLEvents'); 
event.initEvent('resize', true, false); 
el.dispatchEvent(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);