Univerzální metoda on v jQuery

Pro navázání událostí lze také použít univerzální metodu on. Prvním parametrem přijímá název události (například 'click'), a druhým - funkci, která má být navázána.

Podívejme se na příklad s následujícím HTML kódem:

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

CSS vypadá takto:

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

Nyní přepíšeme kód pro li, který jsme psali dříve, pomocí metody on. Pro ověření funkčnosti klikejte na položky seznamu:

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

Je možné současně navázat jednu funkci na více typů událostí - k tomu je potřeba je vyjmenovat přes mezeru: 'click mousemove atd.'. Například takto:

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

Přivažte ke všem odkazům událost - při najetí myši na odkaz se na konec jejího textu připíše její href v kulatých závorkách.

Přivažte ke všem vstupním polím událost - při ztrátě fokusu každé vstupní pole vypíše svou hodnotu value do odstavce s id=#test.