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;
}

এখন আমাদের অবজেক্টের event.target.nodeName প্রপার্টিটি ব্যবহার করা যাক event, যাকে আমরা আবার click মেথডের হ্যান্ডলার ফাংশনে পাস করি:

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

event অবজেক্টে অনেকগুলি প্রপার্টি এবং মেথড থাকে।