जावास्क्रिप्ट में ईवेंट ऑब्जेक्ट के साथ काम करने की मूल बातें
इस पाठ में हम ऑब्जेक्ट Event के साथ काम करने की मूल बातें
सीखेंगे। यह ऑब्जेक्ट घटित हुई घटना की जानकारी समाहित करता है।
उदाहरण के लिए, यदि किसी तत्व पर क्लिक किया गया था,
तो हम उस क्लिक के निर्देशांक जान सकते हैं, क्या
Ctrl, Alt
या Shift कुंजी क्लिक के समय दबाई गई थी
और इसी तरह आगे।
आइए देखें कि ऑब्जेक्ट Event कैसे प्राप्त करें।
मान लीजिए कि हमारे पास एक बटन है:
<button id="elem">text</button>
मान लीजिए कि इस बटन पर क्लिक करने पर कोई फ़ंक्शन निष्पादित होता है:
let elem = document.querySelector('#elem');
elem.addEventListener('click', function() {
});
बाउंड फ़ंक्शन के अंदर पहले से ही ऑब्जेक्ट
Event मौजूद है - हम अभी तक नहीं जानते हैं
कि इसे कैसे प्राप्त किया जाए। यह निम्नलिखित
तरीके से प्राप्त होता है: हमें अपने फ़ंक्शन की घोषणा करते समय
इसमें कोई भी वेरिएबल पैरामीटर के रूप में पास करना होगा
(आमतौर पर, event - लेकिन नाम
कोई भी हो सकता है) और इस वेरिएबल में ब्राउज़र
स्वचालित रूप से ऑब्जेक्ट Event डालेगा:
elem.addEventListener('click', function(event) {
console.log(event); // ईवेंट ऑब्जेक्ट देखेंगे
});
वर्णित हेरफेर स्वयं करें और ईवेंट ऑब्जेक्ट को कंसोल में प्रिंट करें। इस ऑब्जेक्ट की संरचना का अध्ययन करें।
