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>" );
} );