कभी किसी इवेंट श्रोता पर किसी तरह का संघर्ष हुआ? या केवल यह देखना चाहते हैं कि पृष्ठ पर उसी क्रिया पर और क्या निष्पादित किया जा रहा है। आपके ब्राउज़र के आधार पर, यह कार्यक्षमता में निर्मित हो भी सकता है और नहीं भी।
अंतर्निहित ब्राउज़र
Google Chrome में, पृष्ठ पर राइट क्लिक करें, निरीक्षण तत्व पर जाएं। वहां से, सुनिश्चित करें कि आप एलिमेंट्स टैब पर हैं और HTML के एक ब्लॉक पर क्लिक करें। दाईं साइडबार पर आपको एक टैब्ड सेक्शन दिखाई देगा जहाँ आप इवेंट श्रोताओं को क्लिक कर सकते हैं और उन कार्यों को देख सकते हैं जिन्हें दस्तावेज़ सुन रहा है। आप उन सभी क्रियाओं पर आगे ड्रिल कर सकते हैं, जहां प्रारंभिक घोषणा की जा रही है।
Internet Explorer में, मेरा मानना है कि उनके पास समान कार्यक्षमता अंतर्निहित है। फ़ायरफ़ॉक्स में, मेरा मानना है कि ब्राउज़र में उस कार्यक्षमता को देखने के लिए फ़ायरबग ऐड की आवश्यकता होती है।
getEventListeners
यह एक तरीका है जो सीधे फ़ायरफ़ॉक्स के लिए क्रोम और फायरबग में बेक किया जाता है। सिंटैक्स: getEventListeners (ऑब्जेक्ट)। तो jQuery के साथ संयोजन में, एक सरल उदाहरण होगा:
getEventListeners ($ ( '# कंटेनर'));
सीधे डेवलपर कंसोल पर जाएं और जिस भी तत्व के लिए आप श्रोताओं को देखना चाहते हैं, उसके लिए उस कमांड को टाइप करें।
getEventListeners क्रोम
GetEventListeners Firebug
jQuery
इस जानकारी को किसी भी अधिक jQuery में प्राप्त करने के लिए पूरी तरह से समर्थित तरीका नहीं है। आप एक निजी विधि से jquery में पहुँच सकते हैं:
$ ._ डेटा ($ ( ''), 'घटनाओं');
अपने उपयुक्त तत्व संदर्भ से बदलें। यह सार्वजनिक रूप से समर्थित नहीं है, कोई प्रलेखन नहीं है, और यह jQuery के किसी भी नए रिलीज के साथ काम करना बंद कर सकता है, इसलिए इस पर भरोसा न करें। यदि आप इसका उपयोग करने जा रहे हैं, तो इसे केवल डीबगिंग के लिए उपयोग करें।
बुकमार्कलेट
यदि उपरोक्त में से कोई भी आपको सूट नहीं करता है, तो एक बहुत अच्छा बुकमार्कलेट है जो आपको पृष्ठ पर देखने देगा जहां श्रोता स्थित हैं। यदि आप यहां जाते हैं, तो वे बुकमार्कलेट आपके ब्राउज़र के बार में खींचने के लिए प्रदान करते हैं। यह ईमानदारी से जिस तरह से मैं सबसे अधिक उपयोग करता हूं, जैसा कि मैं देख सकता हूं कि श्रोता पृष्ठ पर कहां स्थित है।
