JavaScript窗口调整大小事件

JavaScript

理查德小胖Harry

2020-03-11

如何挂接到浏览器窗口调整大小事件？

有一种jQuery侦听调整大小事件的方法，但我不希望仅出于这一要求就将其引入我的项目中。

第856篇《JavaScript窗口调整大小事件》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共3个回答

null 2020.03.11

window.onresize = function() {
    // your code
};

阿飞番长 2020.03.11

虽然您可以连接到标准窗口调整大小事件，但您会发现在IE中，该事件每X触发一次，每Y轴移动触发一次，导致触发大量事件，这些事件可能具有一定的性能如果渲染是一项繁重的任务，则会对您的网站产生影响。

我的方法涉及一个短暂的超时，该超时将在后续事件中取消，以便在用户完成调整窗口大小之前，该事件不会冒泡到您的代码中。

ProGO 2020.03.11

jQuery只是包装了标准的resizeDOM事件，例如。

window.onresize = function(event) {
    ...
};

jQuery 可以做一些工作来确保在所有浏览器中一致地触发resize事件，但是我不确定任何浏览器是否有所不同，但是我建议您在Firefox，Safari和IE中进行测试。

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android