jquery bricht das Abhören von Scroll-Ereignissen ab

Wenn wir Webanwendungen entwickeln, müssen wir häufig das Scrollverhalten des Benutzers auf der Seite überwachen. Zu diesem Zeitpunkt können wir das von jQuery bereitgestellte Scroll-Ereignis verwenden, um den Scroll-Vorgang des Benutzers zu überwachen. In einigen Fällen müssen wir jedoch die Überwachung von Scroll-Ereignissen abbrechen, was die Verwendung einiger von jQuery bereitgestellter APIs erfordert, um dies zu erreichen.

Lassen Sie uns nun im Detail vorstellen, wie Sie mit jQuery die Überwachung von Scroll-Ereignissen abbrechen.

1. Von jQuery bereitgestellte Methoden zum Abbrechen der Scroll-Ereignisüberwachung

jQuery bietet drei Methoden zum Abbrechen der Scroll-Ereignisüberwachung: off(), unbind() und unbindAll().

(1)off()-Methode

off()-Methode wird verwendet, um alle an DOM-Elemente gebundenen Ereignis-Listener abzubrechen. Die Syntax lautet wie folgt:

$(selector).off(event,[selector],[function])

Unter diesen stellt der Selektor den Selektor des abzubrechenden DOM-Elements dar, das Ereignis den Namen des abzubrechenden Ereignisses und die Funktion die abzubrechende Ereignisverarbeitungsfunktion.

Wenn nur ein Ereignis angegeben ist, werden alle Listener für das an den Selektor gebundene Ereignis abgebrochen. Wenn sowohl ein Ereignis als auch eine Funktion angegeben sind, wird nur der angegebene Listener abgebrochen.

(2) unbind()-Methode

unbind()-Methode wird auch verwendet, um Ereignis-Listener für DOM-Elemente zu entbinden. Seine Syntax ähnelt der off()-Methode, wie unten gezeigt:

$(selector).unbind(event,[function])

Unter diesen stellt der Selektor den Selektor des abzubrechenden DOM-Elements dar, das Ereignis den Namen des abzubrechenden Ereignisses und die Funktion die Funktion zur Ereignisverarbeitung abgesagt werden.

Der Unterschied zwischen dieser Methode und der off()-Methode besteht darin, dass die unbind()-Methode nur den Listener der angegebenen Handlerfunktion des angegebenen Ereignisses abbricht, das an das Selektorelement gebunden ist.

(3) unbindAll()-Methode

Die unbindAll()-Methode ist eine speziell von jQuery bereitgestellte Methode zum Abbrechen aller gebundenen Ereignis-Listener. Die Syntax lautet wie folgt:

$(selector).unbind()

Diese Methode bricht alle gebundenen Ereignis-Listener für das Selektorelement ab.

2. So verwenden Sie jQuery, um die Überwachung von Scroll-Ereignissen abzubrechen

Als nächstes nehmen wir die Methode off() als Beispiel, um vorzustellen, wie Sie mit jQuery die Überwachung von Scroll-Ereignissen abbrechen.

Der folgende Code ist beispielsweise ein Code, der das Scrollen der Seite überwacht:

$(window).scroll(function(){
    console.log("scroll!");
});

Dieser Code gibt eine „Scrollen!“-Eingabeaufforderung aus, wenn das Fenster gescrollt wird.

Wenn Sie diesen Listener abbrechen möchten, müssen Sie nur die Methode off() zum Code hinzufügen, wie unten gezeigt:

$(window).off("scroll");

Diese Codezeile bricht alle an das Fensterelement gebundenen Scroll-Ereignis-Listener ab.

Wenn Sie nur einen der Listener abbrechen möchten, müssen Sie Ereignis und Funktion gleichzeitig angeben, wie unten gezeigt:

$(window).off("scroll",function(){
    console.log("scroll!");
});

Diese Codezeile löst nur die Bindung des Fensterelements und die Verarbeitungsfunktion ist Konsole. log("scroll!") Der Scroll-Ereignis-Listener.

3. Zusammenfassung

Die oben genannten Methoden und Schritte für die Verwendung von jQuery zum Abbrechen der Überwachung von Scroll-Ereignissen. Es ist zu beachten, dass:

• Sie können die Methoden off(), unbind() und unbindAll() verwenden um den Ereignis-Listener abzubrechen; Die
• off()-Methode kann die Listener aller Ereignisse oder nur das angegebene Ereignis abbrechen, oder nur der angegebene Listener des angegebenen Ereignisses; des angegebenen Ereignisses;
• Die unbindAll()-Methode wird speziell zum Abbrechen aller Ereignis-Listener verwendet.
• Sie können entsprechend den tatsächlichen Anforderungen auswählen, welche Methode zum Abbrechen von Ereignis-Listenern verwendet werden soll.

Das obige ist der detaillierte Inhalt vonjquery bricht das Abhören von Scroll-Ereignissen ab. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!