suchen

Heim  >  Artikel  >  Web-Frontend  >  So verwenden Sie Javascript für die Methode

So verwenden Sie Javascript für die Methode

藏色散人
藏色散人Original
2021-03-30 10:49:002775Durchsuche

Die Javascript-on-Methode wird verwendet, um einen oder mehrere Ereignishandler für das ausgewählte Element und die untergeordneten Elemente hinzuzufügen. Die Syntax lautet „$(selector).on(event,childSelector,data,function)“.

So verwenden Sie Javascript für die Methode

Die Betriebsumgebung dieses Artikels: Windows 7-System, JQuery-Version 1.10.2, DELL G3-Computer.

on-Methodendefinition und -verwendung

on()-Methode fügt einen oder mehrere Ereignishandler für das ausgewählte Element und die Unterelemente hinzu.

Seit jQuery Version 1.7 ist die on()-Methode der neue Ersatz für die bind()-, live()- und delegate()-Methoden. Diese Methode bringt viel Komfort in die API und wird empfohlen, da sie die jQuery-Codebasis vereinfacht.

Hinweis: Mit der on()-Methode hinzugefügte Ereignishandler gelten für aktuelle und zukünftige Elemente (z. B. neue Elemente, die durch Skripte erstellt wurden).

Tipp: Um Event-Handler zu entfernen, verwenden Sie die Methode off().

Tipp: Wenn Sie ein Ereignis hinzufügen müssen, das nur einmal ausgeführt wird, und es dann entfernen müssen, verwenden Sie die Methode one().

Syntax

$(selector).on(event,childSelector,data,function)

Parameterbeschreibung

Ereignis erforderlich. Gibt ein oder mehrere Ereignisse oder Namespaces an, die aus dem ausgewählten Element hinzugefügt werden sollen.

Mehrere durch Leerzeichen getrennte Ereigniswerte können auch ein Array sein. Muss ein gültiges Ereignis sein.

childSelector Optional. Gibt an, dass Ereignishandler nur zu angegebenen untergeordneten Elementen hinzugefügt werden können (und nicht zum Selektor selbst, wie z. B. der veralteten Methode „delegate()“).

Daten optional. Gibt zusätzliche Daten an, die an die Funktion übergeben werden sollen.

Funktion optional. Gibt eine Funktion an, die ausgeführt werden soll, wenn ein Ereignis auftritt.

Beispiel: 

<!DOCTYPE html>
<html>
<head>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("p").on("click",function(){
    alert("段落被点击了。");
  });
});
</script>
</head>
<body>

<p>点击这个段落。</p>

</body>
</html>

Effekt:

So verwenden Sie Javascript für die Methode

Das obige ist der detaillierte Inhalt vonSo verwenden Sie Javascript für die Methode. 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
Vorheriger Artikel：Was ist Javascript?Nächster Artikel：Was ist Javascript?

In Verbindung stehende Artikel

Mehr sehen