如何在不调整大小的情况下检测窗口宽度变化

时间:2016-06-01 17:33:16

标签: javascript jquery html css

我已经查找了.resize() jquery函数,但jquery .resize()仅在调整窗口大小时触发,我想要的是触发器,当宽度改变时拍摄,而不是改变用户在按钮中单击的浏览器宽度最大化并且函数无法触发,我有一个函数触发resize()上的函数,是否有任何函数类似于on("windowwidthchanges")

3 个答案:

答案 0 :(得分:3)

您可以检测这两个事件,只需在宽度更改时执行代码:

var width = $(window).width();
$(window).resize(function(){
   if($(this).width() != width){
      width = $(this).width();
       console.log(width);
   }
});

答案 1 :(得分:0)

我已检查过Chrome,Firefox和IE11。所有3个浏览器在单击最大化按钮时触发警报。

$(window).resize(function(){ alert("resized"); });

具体来说,你想要做什么,这对你不起作用?

答案 2 :(得分:0)

您可以将代码移动到命名函数,并在调整大小和单击按钮时调用它。

或者,您可以在单击按钮时触发调整大小:

$("button").on("click", function(){
   $(window).trigger("resize");
});

示例:http://jsfiddle.net/cde7fwrb/

编辑:我看到你在谈论浏览器最大化按钮。好吧....