"यदि कोई कर्मचारी अपना काम अच्छी तरह से करना चाहता है, तो उसे पहले अपने औजारों को तेज करना होगा।" - कन्फ्यूशियस, "द एनालेक्ट्स ऑफ कन्फ्यूशियस। लू लिंगगोंग"
मुखपृष्ठ > प्रोग्रामिंग > Chrome DevTools में फॉर्म एलिमेंट इवेंट को आसानी से कैसे पहचानें और मॉनिटर करें?

Chrome DevTools में फॉर्म एलिमेंट इवेंट को आसानी से कैसे पहचानें और मॉनिटर करें?

2024-11-07 को प्रकाशित
ब्राउज़ करें:463

How to Easily Identify and Monitor Form Element Events in Chrome DevTools?

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

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

कंसोल टैब खोलें:
    "कंसोल" टैब पर स्विच करें।
  1. मॉनिटरइवेंट्स को आमंत्रित करें:
  2. कंसोल में मॉनिटरइवेंट्स($0) टाइप करें, जहां $0 चयनित तत्व का प्रतिनिधित्व करता है।
  3. जब आप तत्व के साथ इंटरैक्ट करते हैं (उदाहरण के लिए, होवर करना, क्लिक करना), तो कंसोल प्रदर्शित होगा ईवेंट नाम उनके संबंधित डेटा के साथ सक्रिय हो गए। ]
  4. मॉनिटर किए गए इवेंट को फ़िल्टर करना (वैकल्पिक)
  5. मॉनिटरइवेंट फ़ंक्शन आपको दूसरे पैरामीटर के रूप में एक प्रकार निर्दिष्ट करके मॉनिटर किए गए इवेंट को कम करने की अनुमति देता है। उदाहरण के लिए, मॉनिटरइवेंट्स (डॉक्यूमेंट.बॉडी, 'माउस') केवल माउस से संबंधित घटनाओं को लॉग करेगा।
  6. 2023-01-30 तक उपलब्ध इवेंट प्रकारों में शामिल हैं:

mouse

key

touch
unmonitorEvents($0)
control

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

नवीनतम ट्यूटोरियल अधिक>

चीनी भाषा का अध्ययन करें

अस्वीकरण: उपलब्ध कराए गए सभी संसाधन आंशिक रूप से इंटरनेट से हैं। यदि आपके कॉपीराइट या अन्य अधिकारों और हितों का कोई उल्लंघन होता है, तो कृपया विस्तृत कारण बताएं और कॉपीराइट या अधिकारों और हितों का प्रमाण प्रदान करें और फिर इसे ईमेल पर भेजें: [email protected] हम इसे आपके लिए यथाशीघ्र संभालेंगे।

Copyright© 2022 湘ICP备2022001581号-3