Heim >Web-Frontend >js-Tutorial >So löschen Sie Ereignisse mit der Methode off() in jQuery

So löschen Sie Ereignisse mit der Methode off() in jQuery

不言
不言Original
2019-01-24 15:46:455768Durchsuche

Die Methode zum Ausschalten von Ereignissen in jQuery: Erstellen Sie zuerst eine Codedatei, geben Sie dann das in einem bestimmten HTML-Element registrierte Ereignis ein und löschen Sie es schließlich über [object element.off(event name, selector). ] Syntax Das ist es.

So löschen Sie Ereignisse mit der Methode off() in jQuery

Die Betriebsumgebung dieses Artikels: Windows 7-System, Dell G3-Computer, JQuery-Version 3.2.1.

off() ist eine Methode, die in bestimmten HTML-Elementen registrierte Ereignisse löschen kann. In diesem Artikel stellen wir die spezifische Verwendung der off()-Methode in jQuery zum Löschen von Ereignissen vor.

Schauen wir uns zunächst ein Beispiel an

$('button').click(function() {
    console.log('按钮被点击!');
})
$('a').on('click', function() {
    console.log('链接被点击!');
})

In diesem Beispiel wird der Status der Klickereignisverarbeitung im „Button-Element“ bzw. im „Link-Element“ beschrieben.

Beim Klicken wird die von der Konsole angegebene Zeichenfolge ausgegeben.

Da in diesem Fall keine Klickereignisverarbeitung erforderlich ist, ist off() sehr nützlich, wenn Sie es dynamisch löschen möchten.

Als nächstes schauen wir uns an, wie man off() verwendet.

off() wird grundsätzlich für das Element ausgeführt, dessen Ereignis registriert ist.

Die grundlegende Syntax lautet wie folgt

对象元素.off( 事件名称, 选择器 )

Sie können sehen, dass off() auf dem Zielelement ausgeführt wird. Der Parameter

kann weggelassen werden, bestimmte Ereignisse können jedoch durch Angabe des Ereignisnamens gelöscht werden.

Darüber hinaus können Sie den Umfang gelöschter Objekte auch durch das Setzen eines Selektors einschränken.

Methode zum Löschen eines bestimmten Ereignisses (Klick)

Angenommen, es gibt den folgenden HTML-Code.

<a href="#">链接</a>
<button>删除</button>

Dies ist einfach der konfigurierte Zustand des „Link-Elements“ bzw. des „Button-Elements“.

In diesem Zustand wird beim Klicken auf das „Link-Element“ eine Zeichenfolge an die Konsole ausgegeben, wie unten beschrieben.

$(&#39;a&#39;).on(&#39;click&#39;, function() {
  console.log(&#39;链接已被点击!&#39;);
})

Sie können sehen, dass das Klickereignis mit der on-Methode registriert wird.

Jetzt versuchen wir, das „Link-Element“-Ereignis zu entfernen, indem wir auf das „Button-Element“ klicken!

$(&#39;button&#39;).on(&#39;click&#39;, function() {
  $(&#39;a&#39;).off();
})

In diesem Beispiel können Sie sehen, dass off() für das Link-Element im Click-Event-Handler ausgeführt wird.

Daher wird das Ereignis des Linkelements in dem Moment gelöscht, in dem auf das Schaltflächenelement geklickt wird.

Sie können bestätigen, dass auch beim Klicken auf das Linkelement keine Informationen an die Konsole ausgegeben werden.

Dieser Artikel endet hier. Weitere spannende Inhalte finden Sie in anderen verwandten Kolumnen-Tutorials auf der chinesischen PHP-Website! ! !

Das obige ist der detaillierte Inhalt vonSo löschen Sie Ereignisse mit der Methode off() in jQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn