तत्व इंटरैक्शन द्वारा ट्रिगर की गई घटनाओं को समझना

अनुकूलन योग्य फॉर्म तत्व पर घटनाओं को उचित रूप से पहचानने और संभालने के लिए, इंटरैक्शन पर सक्रिय विशिष्ट घटनाओं को समझना आवश्यक है। Chrome DevTools इस प्रक्रिया में सहायता के लिए एक शक्तिशाली टूल, मॉनिटरइवेंट्स प्रदान करता है। और "निरीक्षण करें" चुनें या इसे DevTools के "एलिमेंट्स" टैब में ढूंढें।

खोलें कंसोल टैब:

"कंसोल" टैब पर स्विच करें।
1. monitorEvents को आमंत्रित करें:
कंसोल में मॉनिटरइवेंट्स($0) टाइप करें, जहां $0 चयनित तत्व का प्रतिनिधित्व करता है।
2. जब आप तत्व के साथ इंटरैक्ट करते हैं (उदाहरण के लिए, होवर करना, क्लिक करना), तो कंसोल सक्रिय ईवेंट नामों को उनके संबंधित के साथ प्रदर्शित करेगा डेटा।
3. इवेंट मॉनिटरिंग रोकनाइवेंट मॉनिटरिंग बंद करने के लिए, कंसोल में निम्नलिखित कमांड दर्ज करें:

unmonitorEvents($0)

मॉनिटर किए गए इवेंट को फ़िल्टर करना ( वैकल्पिक)

मॉनीटरइवेंट फ़ंक्शन आपको दूसरे पैरामीटर के रूप में एक प्रकार निर्दिष्ट करके मॉनिटर की गई घटनाओं को कम करने की अनुमति देता है। उदाहरण के लिए, मॉनिटरइवेंट्स (डॉक्यूमेंट.बॉडी, 'माउस') केवल माउस-संबंधित इवेंट लॉग करेगा।

2023-01-30 तक उपलब्ध इवेंट प्रकार शामिल हैं:

unmonitorEvents($0)

mouse

key

touch

control
• मॉनीटरइवेंट सुविधा डेवलपर्स को आसानी से निरीक्षण करने में सक्षम बनाती है और अनुकूलित फॉर्म तत्वों के लिए इवेंट हैंडलिंग की समस्या का निवारण करें, जिससे वेब पर प्रभावी इंटरैक्शन और उपयोगकर्ता अनुभव की सुविधा मिल सके।