Universelle Methode on in jQuery

Zum Binden von Events kann auch die universelle Methode on verwendet werden. Der erste Parameter ist der Name des Events (z.B. 'click'), und der zweite - die Funktion, die gebunden werden soll.

Betrachten wir ein Beispiel mit dem folgenden HTML-Code:

<ul>
	<li>text</li>
	<li>text</li>
	<li>text</li>
</ul>

Das CSS sieht so aus:

li {
	width: 100px;
	cursor: pointer;
}

Schreiben wir nun den Code für li, den wir zuvor geschrieben haben, mit der Methode on um. Klicken Sie zur Überprüfung der Funktion auf die Listenelemente:

$('li').on('click', function() {
	$(this).append('!');
});

Es ist möglich, eine Funktion gleichzeitig an mehrere Event-Typen zu binden - dazu müssen diese durch Leerzeichen aufgelistet werden: 'click mousemove usw.'. Zum Beispiel so:

$('li').on('click mousemove', function func() {
	$(this).append('!');
});

Binden Sie an alle Links ein Event - beim Mouseover über einen Link wird ihr href in runden Klammern an ihren Text angehängt.

Binden Sie an alle Inputs ein Event - beim Verlust des Fokus soll jedes Inputfeld seinen value in den Absatz mit id=#test ausgeben.