jQuery даги event объекти

Ҳозир биз 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;
}

Энди биз ўз objectимизнинг event.target.nodeName хусусиятидан фойдаланамиз, event, уни ўзи эса биз click усулининг функция-ишловчисига ўтказамиз:

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

event объекти кўпгина хусусиятлар ва усулларни ўз ичига олади.

event