event ऑब्जेक्ट

event ऑब्जेक्ट तब जनरेट होता है जब कोई इवेंट ट्रिगर होता है और उसके बारे में जानकारी रखता है। जब कोई इवेंट होता है तो event ऑब्जेक्ट को हैंडलर फ़ंक्शन में पास किया जाता है।

event ऑब्जेक्ट के गुण और विधियाँ

नीचे दी गई तालिका में event ऑब्जेक्ट के गुणों और विधियों और उनके विवरण का उल्लेख किया गया है:

नाम	विवरण
`event.currentTarget`	इवेंट के बबलिंग चरण पर वर्तमान DOM तत्व। आमतौर पर यह गुण फ़ंक्शन के `this` के बराबर होता है।
`event.data`	वैकल्पिक पैरामीटर। डेटा का ऑब्जेक्ट, जो एक्जीक्यूटेबल हैंडलर को अटैच करते समय इवेंट मेथड में पास किया जाता है।
`event.delegateTarget`	वह तत्व जिससे jQuery इवेंट हैंडलर अभी-अभी कॉल किया गया था। यह गुण डेलीगेटेड इवेंट्स में सबसे उपयोगी होता है, जब हैंडलर संसाधित किए जा रहे तत्व के पूर्वज से बंधा होता है। गैर-डेलीगेटेड हैंडलर्स के लिए, जो सीधे तत्व से बंधे होते हैं, `event.delegateTarget` का मान `event.currentTarget` के मान के अनुरूप होता है।
`event.isDefaultPrevented`	यह विधि जाँचती है कि क्या इस इवेंट ऑब्जेक्ट के लिए `event.preventDefault` विधि कॉल की गई थी।
`event.isImmediatePropagationStopped`	यह विधि जाँचती है कि क्या इस इवेंट ऑब्जेक्ट के लिए `event.stopImmediatePropagation` विधि कॉल की गई थी।
`event.isPropagationStopped`	यह विधि जाँचती है कि क्या इस इवेंट ऑब्जेक्ट के लिए `event.stopPropagation` विधि कॉल की गई थी।
`event.isPropagationStopped`	यह विधि जाँचती है कि क्या इस इवेंट ऑब्जेक्ट के लिए `event.stopPropagation` विधि कॉल की गई थी।
`event.metaKey`	यह विधि जाँचती है कि क्या इवेंट के ट्रिगर होने के समय `META` कुंजी दबाई गई थी। प्लेटफ़ॉर्म के आधार पर कुंजी भिन्न हो सकती है। `true` या `false` लौटाता है।
`event.namespace`	इवेंट कॉल करते समय निर्दिष्ट नेमस्पेस। यह गुण प्लगइन लेखकों के लिए उपयोगी साबित होगा, जिनके कार्य उपयोग किए गए नेमस्पेस पर निर्भर करते हैं।
`event.pageX`	डॉक्युमेंट के बाएँ किनारे के सापेक्ष माउस की स्थिति दिखाता है।
`event.pageY`	डॉक्युमेंट के ऊपरी किनारे के सापेक्ष माउस की स्थिति दिखाता है।
`event.preventDefault`	यदि यह विधि कॉल की जाती है, तो इस इवेंट के लिए डिफ़ॉल्ट कार्य नहीं किया जाएगा। उदाहरण के लिए लिंक पर क्लिक करने से नए URL पर नेविगेशन नहीं होगा। यह जाँचने के लिए कि क्या यह विधि कॉल की गई थी, `event.isDefaultPrevented` विधि का उपयोग किया जा सकता है।
`event.relatedTarget`	इवेंट में भाग लेने वाला दूसरा DOM तत्व लौटाता है, यदि कोई हो। `mouseout` के लिए दिखाता है कि माउस किस तत्व पर है, `mouseover` के लिए दिखाता है कि माउस कर्सर किस तत्व से हटाया गया था।
`event.result`	अंतिम मान, जो ट्रिगर हुए इवेंट के हैंडलर द्वारा लौटाया गया था, `undefined` के बराबर नहीं। यह गुण कस्टम इवेंट्स के मान प्राप्त करने के लिए उपयोगी हो सकता है।
`event.stopImmediatePropagation`	तत्व से जुड़े शेष सभी इवेंट हैंडलर्स के काम को रद्द करता है और DOM ट्री में ऊपर की ओर इवेंट के बबलिंग को रोकता है। इवेंट को पूर्वज तत्वों तक बबल होने से रोकने के लिए, लेकिन अन्य इवेंट हैंडलर्स के काम की अनुमति देने के लिए, `event.stopPropagation` विधि का उपयोग किया जा सकता है। यह जाँचने के लिए कि क्या इस इवेंट ऑब्जेक्ट के लिए `event.stopImmediatePropagation` कॉल किया गया था, `event.isImmediatePropagationStopped` विधि का उपयोग करें।
`event.stopPropagation`	DOM ट्री में ऊपर की ओर इवेंट के बबलिंग को रोकता है। याद रखें कि अन्य हैंडलर्स इस तत्व के लिए काम करते रहेंगे। यह विधि `trigger` विधि द्वारा कॉल किए गए कस्टम इवेंट्स के लिए काम करती है। यह जाँचने के लिए कि क्या यह विधि कॉल की गई थी, `event.isPropagationStopped` का उपयोग करें।
`event.target`	इवेंट शुरू करने वाला DOM तत्व। यह इवेंट के लिए पंजीकृत तत्व या उसका वंशज हो सकता है। इवेंट के बबलिंग को निर्धारित करने के लिए `event.target` और `this` की तुलना करना बहुत उपयोगी है। यह गुण इवेंट डेलीगेशन के दौरान उपयोगी होता है, जब इवेंट्स बबल होते हैं।
`event.timeStamp`	इवेंट बनाने के क्षण और 1 जनवरी 1970 के बीच मिलीसेकंड में समय का अंतर। यह गुण कोड में दो क्षणों के लिए `event.timeStamp` के मानों का अंतर प्राप्त करके इवेंट के प्रदर्शन को निर्धारित करने में उपयोगी हो सकता है। यदि आप बस इवेंट हैंडलर के अंदर वर्तमान समय प्राप्त करना चाहते हैं, तो `getTime` विधि का उपयोग करें।
`event.type`	इस गुण में इवेंट का प्रकार निर्दिष्ट होता है।
`event.which`	यह गुण बताता है कि कौन सी कीबोर्ड या माउस कुंजी दबाई गई थी। माउस के लिए: `1` - बायाँ बटन, `2` - व्हील, `3` - दायाँ बटन। `event.button` के बजाय `event.which` का उपयोग करें।

event ऑब्जेक्ट के अन्य गुण

और भी गुण हैं जिन्हें event ऑब्जेक्ट में कॉपी किया जाता है:

altKey, button, buttons, cancelable, char, charCode, clientX, clientY, ctrlKey, detail, eventPhase, key, keyCode, offsetX, offsetY, originalTarget, screenX, screenY, shiftKey, toElement, view.

ऊपर सूचीबद्ध नहीं किए गए गुणों तक पहुँचने के लिए, event.originalEvent ऑब्जेक्ट का उपयोग किया जा सकता है।

उदाहरण

आइए एक डिव में प्रिंट करें - कौन सी कुंजियाँ दबाई गई थीं:

<input id="test" value="कुछ टाइप करें">
<div id="text"></div>

$('#test').on('keydown', function(event) {
	$('#text').html(event.type + ": " +  event.which);
});

उदाहरण

आइए एक डिव में प्रिंट करें - हम किस टैग पर क्लिक कर रहे हैं:

<body>
	<div id="text"></div>
	<div>
		<p>
			<strong><span>क्लिक करें</span></strong>
		</p>
	</div>
</body>

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

$('body').click(function(event) {
	$('#text').html('क्लिक किया गया: ' + event.target.nodeName);
});

यह भी देखें

on विधि,
जो किसी तत्व से इवेंट हैंडलर बांधने की अनुमति देती है
trigger विधि,
जो किसी तत्व से बंधे सभी इवेंट हैंडलर्स को चलाने की अनुमति देती है, जो दिए गए प्रकार के इवेंट्स के लिए होते हैं
triggerHandler विधि,
जो किसी तत्व से बंधे सभी इवेंट हैंडलर्स को चलाने की अनुमति देती है
jQuery इवेंट्स