Իվենթ օբյեկտը 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