Detaillierte Erläuterung der Funktion jQuery.resize()

Die Funktion

resize() wird verwendet, um eine Handlerfunktion an das Größenänderungsereignis jedes übereinstimmenden Elements zu binden. Diese Funktion kann auch zum Auslösen des Größenänderungsereignisses verwendet werden. Darüber hinaus können Sie auch einige zusätzliche Daten an die Funktion Ereignishandler übergeben.

Das Größenänderungsereignis wird ausgelöst, wenn die Größe des Elements angepasst wird. Dieses Ereignis wird häufig in Fensterobjekten (Browserfenster) oder Frame-Seiten verwendet.

Darüber hinaus können Sie mehrere Event-Handler binden, indem Sie diese Funktion mehrmals für dasselbe Element aufrufen. Wenn das Größenänderungsereignis ausgelöst wird, führt jQuery die gebundenen Ereignisverarbeitungsfunktionen in der Reihenfolge der Bindung aus.

Um ein über resize() gebundenes Ereignis zu löschen , verwenden Sie die Funktion unbind().

Diese Funktion gehört zum jQuery-Objekt (Instanz).

Syntax

jQueryObject.resize( [ [ data ,] handler ] )

Wenn mindestens ein Parameter angegeben ist, bedeutet dies, dass die Handlerfunktion des Größenänderungsereignisses gebunden wird; Wenn kein Parameter angegeben ist, bedeutet dies, dass das Größenänderungsereignis ausgelöst wird.

Parameter

Parameterbeschreibung

Daten Optional/jede Art von Daten, die über event.data an die Ereignisverarbeitungsfunktion übergeben werden müssen, wenn ein Ereignis ausgelöst wird.

Handler optional/Ereignisbehandlungsfunktion, angegeben durch Funktionstyp.

jQuery 1.4.3 neue Unterstützung: resize() unterstützt Datenparameter.

Dies im Parameterhandler zeigt auf das aktuelle DOM-Element. resize() übergibt außerdem einen Parameter an den Handler: das Event-Objekt, das das aktuelle Ereignis darstellt.

Wenn der Rückgabewert des Funktionshandlers falsch ist, bedeutet dies, dass das Standardereignisverhalten des Elements verhindert und verhindert wird, dass das Ereignis im DOM-Baum sprudelt. Wenn beispielsweise die Handlerfunktion des Klickereignisses des Links 3499910bf9dac5ae3c52d5ede7383485 false zurückgibt, kann das Standard-URL-Sprungverhalten des Links verhindert werden. ff9c23ada1bcecdd1a0fb5d5a0f18437Die Handlerfunktion des Größenänderungsereignisses des Formulars gibt „false“ zurück, wodurch das standardmäßige Formularübermittlungsverhalten des Formulars verhindert werden kann.

Rückgabewert

resize()Der Rückgabewert der Funktion ist vom Typ jQuery und gibt das aktuelle jQuery-Objekt selbst zurück.

Beispiel und Beschreibung

Jetzt binden wir die Handlerfunktion für das Größenänderungsereignis des Fensterobjekts (Sie können mehrere binden, und sie werden beim Auslösen nacheinander in der Bindungsreihenfolge ausgeführt ):

$(window).resize( function(){

warning("Ändern der Fenstergröße wird nicht empfohlen!");

} );

// Fensterobjekt auslösen Das Größenänderungsereignis

// $(window).resize( );

Wir können auch einige zusätzliche Daten an die Ereignishandlerfunktion übergeben. Darüber hinaus können wir über den von jQuery für die Ereignisverarbeitungsfunktion übergebenen Parameter Ereignisobjekt relevante Informationen über das aktuelle Ereignis erhalten (z. B. Ereignistyp, DOM-Element, das das Ereignis ausgelöst hat, zusätzliche Daten usw.):

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

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Funktion jQuery.resize(). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!