Універсальны метад on у jQuery

Для прывязвання падзей таксама можна выкарыстоўваць універсальны метад on. Першым параметрам ён прымае назву падзеі (напрыклад, 'click'), а другім - функцыю, якую варта прывязаць.

Разгледзім прыклад на наступным HTML кодзе:

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

CSS выглядае так:

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

Цяпер перапішам код для li, які мы пісалі раней праз метад on. Для праверкі працы панаціскайце на пункты спісу:

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

Можна адначасова прывязаць адну функцыю на некалькі тыпаў падзей - для гэтага іх трэба пералічыць іх праз прабел: 'click mousemove і г.д.'. Напрыклад, так:

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

Прывяжыце ўсім спасылкам падзею - па навядзенні на спасылку ў канец яе тэксту дапісваецца яе href у круглых дужках.

Прывяжыце ўсім інпутам падзею - па страты фокусу кожны інпут выводзіць свой value у абзац з id=#test.