如何使用香草JavaScript触发窗口大小调整事件？

Mohamed Hassan 发表于 Dev

穆罕默德·哈桑（Mohamed Hassan）

我正在尝试使用纯js触发调整大小事件以进行测试，但根据现代浏览器window.resizeTo()，window.resizeBy()不要触发该事件来阻止这些操作。我尝试了jquery，$(window).trigger('resize');但它仅适用于通过jquery附加的事件，例如$(window).on('resize', handler);。但是，就我而言，我正在从事的项目使用的是纯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!');
};

被咬

您很可能会被否决，因为人们会认为它是重复的，但是从那里您可能不需要jquery网站：

IE9 +

触发本机

// 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);

触发自定义

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);

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。