跨浏览器窗口大小调整事件- JavaScript / jQuery

在Firefox、WebKit和Internet Explorer中插入窗口调整大小事件的正确(现代)方法是什么?

你能同时打开/关闭两个滚动条吗?

当前回答

既然你是开放的jQuery，这个插件似乎做的把戏。

其他回答

希望对jQuery有帮助

首先定义一个函数，如果已有函数，则跳到下一步。

 function someFun() {
 //use your code
 }

浏览器调整大小的方法如下。

 $(window).on('resize', function () {
    someFun();  //call your function.
 });

我认为jQuery插件“jQuery resize event”是最好的解决方案，因为它负责调节事件，使它在所有浏览器上都能正常工作。这与Andrews的答案相似，但更好，因为你可以将resize事件与特定的元素/选择器以及整个窗口挂钩。它为编写干净的代码提供了新的可能性。

这个插件可以在这里找到

如果您添加了很多侦听器，则会出现性能问题，但对于大多数使用情况来说，这是完美的。

下面是使用resize事件的非jquery方法:

window.addEventListener('resize', function(event){
  // do stuff here
});

它适用于所有现代浏览器。它不会为你扼杀任何东西。这里有一个实际应用的例子。

$(window).bind('resize', function () { 

    alert('resize');

});

使用jQuery 1.9.1我刚刚发现，虽然技术上相同)*，这在IE10中不工作(但在Firefox中):

// did not work in IE10
$(function() {
    $(window).resize(CmsContent.adjustSize);
});

虽然这在两种浏览器中都有效:

// did work in IE10
$(function() {
    $(window).bind('resize', function() {
        CmsContent.adjustSize();
    };
});

编辑: )*实际上在技术上并不相同，正如WraithKenny和Henry Blyth在评论中所指出和解释的那样。

推荐文章