How to detect window width changes without resizing

Question

我已经在寻找.resize() jquery函数，但是jquery .resize()仅在调整窗口大小时触发，我想要的是例如宽度更改时触发的触发器，而不是更改用户的浏览器宽度单击按钮最大化，函数无法触发，我有一个函数在resize()上触发函数，是否有任何类似on("windowwidthchanges")函数？

Answer 1

You can detect both events and just execute code when it's a width change:

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

Answer 2

I've checked Chrome, Firefox and IE11. All 3 browsers trigger the alert when the maximize button is clicked.

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

What, specifically, are you trying to do that this doesn't work for you?

Answer 3

You can move the code to a named function and call it on resize and when clicking the button.

Or, you can trigger the resize when clicking the button:

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

Examples: http://jsfiddle.net/cde7fwrb/

EDIT: I see you were talking about the browser maximise button. Oh well....