resize 事件

分类： 事件 > 浏览器事件
绑定一个事件处理程序到 "resize" 事件，或者在一个元素上触发该事件。

目录

.on( "resize" [, eventData ], handler )返回: jQuery

描述: 绑定一个事件处理程序到 "resize" 事件。

此页面描述 resize 事件。有关已弃用的 .resize() 方法，请参阅 .resize()。

当浏览器窗口大小改变时，resize 事件会发送给 window 元素

1
2
3
 
$( window ).on( "resize", function() {
  $( "#log" ).append( "<div>Handler for `resize` called.</div>" );
} );

现在，每当浏览器窗口大小改变时，消息就会追加到 <div id="log"> 中一次或多次，具体取决于浏览器。

resize 处理程序中的代码绝不应依赖于处理程序被调用的次数。根据实现方式，resize 事件可能在调整大小进行中时连续发送（在 Internet Explorer 和基于 WebKit 的浏览器（如 Safari 和 Chrome）中是典型行为），或者仅在调整大小操作结束时发送一次（在某些其他浏览器（如 Opera）中是典型行为）。

示例

要在窗口调整大小期间（或之后）查看窗口宽度，请尝试

1
2
3
 
$( window ).on( "resize", function() {
  $( "body" ).prepend( "<div>" + $( window ).width() + "</div>" );
} );