Обект за събитие event в jQuery

А сега ще започнем да се запознаваме със събитията в jQuery.

При задействане на събитие в jQuery се генерира обект за събитие event, който съдържа цялата информация за него. Този обект се предава на функцията-обработчик.

Например, нека разберем върху кой таг сме кликнали. Нека вземем следния HTML код:

<body>
	<div id="text"></div>
	<div>
		<p>
			<strong><span>click</span></strong>
		</p>
	</div>
</body>

CSS изглежда по следния начин:

span, strong, p {
	display: block;
	padding: 10px;
	border: 1px solid black;
}

Сега ще използваме свойството event.target.nodeName на нашия обект event, който от своя страна предаваме на функцията-обработчик на метода click:

$('body').click(function(event) {
	$('#text').html('clicked: ' + event.target.nodeName);
});

Обектът event съдържа множество свойства и методи.

event