jQuery.resize() 函數詳解


今天閃存里有人問$(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);
    }
} );
//以上信息均復制粘貼而來!
鑒於自己的理解,但是我覺得這個方法並不是知道用在什么地方比較合適;以后還需在實踐中查詢!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM