jQuery-তে ইভেন্ট অবজেক্ট event

এবং এখন আমরা jQuery-তে ইভেন্টগুলির সাথে পরিচিত হতে শুরু করব।

jQuery-তে একটি ইভেন্ট ট্রিগার হলে একটি ইভেন্ট অবজেক্ট তৈরি হয় event, যাতে এ সম্পর্কিত সমস্ত তথ্য থাকে। এই অবজেক্টটি হ্যান্ডলার ফাংশনে পাস করা হয়।

উদাহরণস্বরূপ, আসুন জেনে নেওয়া যাক আমরা কোন ট্যাগে ক্লিক করছি। নিচের HTML কোডটি নেওয়া যাক:

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

CSS নিম্নরূপ দেখাচ্ছে:

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

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

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

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