Объект события 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 содержит множество свойств
и методов.