今天閃存里有人問$(window).resize(function(){//執行事件});表示沒有接觸過;果斷百度查詢一下:
resize()
函數用於為每個匹配元素的resize事件綁定處理函數。該函數也可用於觸發resize事件。此外,你還可以額外傳遞給事件處理函數一些數據。
resize事件會在元素的尺寸大小被調整時觸發。該事件常用於window對象(瀏覽器窗口)或框架頁面。
此外,你可以為同一元素多次調用該函數,從而綁定多個事件處理函數。觸發resize事件時,jQuery會按照綁定的先后順序依次執行綁定的事件處理函數。
要刪除通過resize()
綁定的事件,請使用unbind()函數。
該函數屬於jQuery
對象(實例)。
語法
jQueryObject.resize( [ [ data ,] handler ] )
如果指定了至少一個參數,則表示綁定resize事件的處理函數;沒有指定任何參數,則表示觸發resize事件。
參數
參數 | 描述 |
---|---|
data | 可選/任意類型觸發事件時,需要通過event.data傳遞給事件處理函數的任意數據。 |
handler | 可選/Function類型指定的事件處理函數。 |
jQuery 1.4.3 新增支持:resize()
支持data
參數。
參數handler
中的this
指向當前DOM元素。resize()
還會為handler
傳入一個參數:表示當前事件的Event對象。
如果函數handler
的返回值為false
,則表示阻止元素的默認事件行為,並停止事件在DOM樹中冒泡。例如,<a>鏈接的click事件的處理函數返回false
,可以阻止鏈接的默認URL跳轉行為。<form>表單的resize事件的處理函數返回false
,可以阻止表單默認的表單提交行為。
返回值
resize()
函數的返回值為jQuery類型,返回當前jQuery對象本身。
示例&說明
現在,我們為window
對象的resize事件綁定處理函數(可以綁定多個,觸發時按照綁定順序依次執行):
$(window).resize( function(){
alert("不建議調整窗口大小!");
} );
// 觸發window對象的resize事件
// $(window).resize( );
我們還可以為事件處理函數傳遞一些附加的數據。此外,通過jQuery為事件處理函數傳入的參數Event對象,我們可以獲取當前事件的相關信息(比如事件類型、觸發事件的DOM元素、附加數據等):
var minSize = { width: 800, height: 600 };
$(window).resize( minSize, function(event){
var min = event.data;
var $dom = $(this);
if( $dom.width() < min.width ){
$("body").append("<br>窗口寬度不要小於" + min.width );
}else if( $dom.height() < min.height ){
$("body").append("<br>窗口高度不要小於" + min.height);
}
} );
//以上信息均復制粘貼而來!
鑒於自己的理解,但是我覺得這個方法並不是知道用在什么地方比較合適;以后還需在實踐中查詢!