简介
window.resize 事件是在浏览器窗口的大小发生变化时触发的事件。不同的浏览器对于该事件的触发有着不同的处理方式，本文主要讨论 window.resize 在 Internet Explorer 中的事件触发。
事件触发机制
在 Internet Explorer 中，当用户改变浏览器窗口的大小时，会依次触发以下事件：
onresize事件onsizemove事件onmove事件onmovestart事件
其中，onresize 事件在窗口大小发生变化时立即触发。接着，onsizemove 事件会在窗口大小改变、但尚未完成调整时触发。最后，onmove 和 onmovestart 事件在窗口调整完成后触发。
需要注意的是，由于 onsizemove 事件在窗口大小改变期间被触发，因此可能会频繁地触发。这可能会导致性能问题。因此，建议在处理 resize 事件时，只处理 onresize 事件即可。
示例代码
下面是一个简单的示例代码，演示如何监听 onresize 事件：
-- -------------------- ---- ------- --------- ----- ------ ------ ------------------------------------ ------- ----- -------------------------- --------- ---------- -------------- - -------------------------- --- ---------- ------- -------
在上面的代码中，我们只监听了 onresize 事件。当窗口大小发生变化时，控制台会输出 "窗口大小已改变"。
学习与指导意义
了解 window.resize 在不同浏览器中的事件触发机制，有助于我们更好地处理 resize 事件，在用户体验和性能方面达到更好的平衡。
在 Internet Explorer 中，需要注意避免频繁触发 onsizemove 事件带来的性能问题。因此，建议只处理 onresize 事件即可。
另外，由于不同浏览器对于 resize 事件的处理方式可能存在差异，因此在实际开发中，我们需要根据实际需求，结合测试数据，综合考虑不同浏览器的表现，来选择最适合的事件处理方式。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/11980