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 के प्रॉपर्टी event.target.nodeName का उपयोग करेंगे, जिसे हम हैण्डलर फंक्शन में click मेथड के through पास करते हैं:

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

ऑब्जेक्ट event बहुत सारे प्रॉपर्टीज़ और मेथड्स contain करता है।