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

Javascript 如何在不调整大小的情况下检测窗口宽度的变化,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我已经寻找了.resize()jquery函数,但是jquery.resize()只在窗口调整大小时触发,我想要的是一个在宽度改变时触发的触发器,例如,不是改变用户点击按钮以最大化的浏览器宽度,而是该函数无法触发,我有一个函数可以在resize()上触发函数,是否有类似于on(“windowwidthchanges”)的函数?当宽度发生变化时,您可以检测这两个事件并只执行代码: var width = $(window).width(); $(window).resize(function(){

我已经寻找了
.resize()
jquery函数,但是jquery
.resize()
只在窗口调整大小时触发,我想要的是一个在宽度改变时触发的触发器,例如,不是改变用户点击按钮以最大化的浏览器宽度,而是该函数无法触发,我有一个函数可以在
resize()
上触发函数,是否有类似于
on(“windowwidthchanges”)
的函数?

当宽度发生变化时,您可以检测这两个事件并只执行代码:

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

我已经检查了Chrome、Firefox和IE11。单击“最大化”按钮时,所有3个浏览器都会触发警报

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

具体来说,您想做什么使其不适用于您?

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

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

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


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

您的按钮点击是否会引发错误?