सभी घटना श्रोताओं को देखें

किसी ईवेंट श्रोता पर कभी भी कुछ प्रकार का संघर्ष होता था? या सिर्फ यह देखना चाहते हैं कि पृष्ठ पर एक ही कार्रवाई पर और क्या निष्पादित किया जा रहा है। आपके ब्राउज़र के आधार पर, यह कार्यक्षमता में निर्मित हो सकता है या नहीं भी हो सकता है।

ब्राउज़र में अंतर्निहित

Google क्रोम में, पृष्ठ पर राइट क्लिक करें, तत्व का निरीक्षण करने के लिए जाएं। वहां से, सुनिश्चित करें कि आप तत्व टैब पर हैं और HTML के ब्लॉक पर क्लिक करें। दाएं साइडबार पर आपको एक टैबड अनुभाग दिखाई देगा जहां आप ईवेंट श्रोताओं पर क्लिक कर सकते हैं और दस्तावेज़ों को सुन रहे कार्यों को देख सकते हैं। प्रारंभिक घोषणा कहां हो रही है, यह देखने के लिए आप उन कार्यों में से प्रत्येक पर आगे ड्रिल कर सकते हैं।
इंटरनेट एक्सप्लोरर में, मेरा मानना ​​है कि उनके पास समान कार्यक्षमता अंतर्निहित है। फ़ायरफ़ॉक्स में, मेरा मानना ​​है कि ब्राउज़र में कार्यक्षमता देखने के लिए इसे फ़ायरबग एड-ऑन की आवश्यकता है।

getEventListeners

यह एक तरीका है जो सीधे फ़ायरफ़ॉक्स के लिए क्रोम और फ़ायरबग में बेक किया गया है। सिंटेक्स: getEventListeners (ऑब्जेक्ट)। तो jQuery के साथ संयोजन में, एक साधारण उदाहरण होगा:

 getEventListeners ($ ( '# कंटेनर')); 

बस डेवलपर कंसोल पर जाएं और उस कमांड को टाइप करें जिसके लिए आप श्रोताओं को देखना चाहते हैं।
GetEventListeners क्रोम
GetEventListeners फायरबग

jQuery

इस जानकारी को jQuery में और भी प्राप्त करने के लिए कोई पूरी तरह से समर्थित तरीका नहीं है। आप jquery के माध्यम से एक निजी विधि का उपयोग कर सकते हैं:

 $ ._ डेटा ($ ( '[चयनकर्ता]') [0], 'घटनाओं'); 

अपने उपयुक्त तत्व संदर्भ के साथ [चयनकर्ता] को बदलें। यह सार्वजनिक रूप से समर्थित नहीं है, कोई दस्तावेज नहीं है, और यह jQuery की किसी भी नई रिलीज के साथ काम करना बंद कर सकता है, इसलिए इस पर भरोसा न करें। यदि आप इसका उपयोग करने जा रहे हैं, तो इसे केवल डीबगिंग के लिए उपयोग करें।

बुकमार्कलेट

यदि उपरोक्त में से कोई भी आप के अनुरूप नहीं है, तो एक बहुत अच्छा बुकमार्कमार्क है जो आपको उस पृष्ठ पर देखने देगा जहां श्रोताओं स्थित हैं। यदि आप यहां जाते हैं, तो वे बुकमार्कलेट को आपके ब्राउज़र के बार में खींचने के लिए प्रदान करते हैं। यह ईमानदारी से जिस तरह से मैं अक्सर उपयोग करता हूं क्योंकि मैं देख सकता हूं कि श्रोता पृष्ठ पर कहां स्थित है।

यह भी देखना