האם קרה לך סכסוך כלשהו מאזין אירוע? או סתם רוצים לראות מה עוד מבוצע באותה פעולה בדף. תלוי בדפדפן שלך, ייתכן שמדובר בפונקציונליות מובנית או לא.
מובנה לדפדפן
ב- Google Chrome, לחץ באמצעות לחצן העכבר הימני על הדף, עבור אל Inspect Element. משם, וודא שאתה נמצא בכרטיסייה אלמנטים ולחץ על גוש HTML. בסרגל הצד הימני תראה קטע עם כרטיסיות בו תוכל ללחוץ על מאזיני אירועים ולראות את הפעולות שהמסמך מקשיב להן. תוכל להעמיק יותר על כל אחת מהפעולות האלה כדי לראות היכן ההכרזה הראשונית מתרחשת.
ב- Internet Explorer, אני מאמין שיש להם פונקציונליות דומה מובנית. ב- FireFox, אני מאמין שהיא דורשת תוסף FireBug בכדי לראות פונקציונליות זו בדפדפן.
getEventListeners
זוהי שיטה שנאפה ישירות ל- Chrome ו- Firebug עבור Firefox. תחביר: getEventListeners (אובייקט). אז בשילוב עם jQuery, דוגמה פשוטה יכולה להיות:
getEventListeners ($ ('# container'));
פשוט גש ישירות למסוף המפתח והקלד את הפקודה עבור כל אלמנט שתרצה לראות את המאזינים עבורו.
getEventListeners Chrome
getEventListeners Firebug
jQuery
אין דרך תומכת במלואה לקבל מידע זה ב- jQuery יותר. אתה יכול לגשת לשיטה פרטית ב- jquery דרך:
$ ._ נתונים ($ (''), 'אירועים');
החלף עם הפניה אלמנט המתאים שלך. זה אינו נתמך באופן ציבורי, אין תיעוד וזה יכול להפסיק לפעול עם כל מהדורה חדשה של jQuery, אז אל תסתמכו עליו. אם אתה מתכוון להשתמש בו, השתמש בו לניפוי באגים בלבד.
סימנייה
אם אף אחד מהנ"ל לא מתאים לך, ישנה סימנייה מגניבה למדי שתאפשר לך לראות בעמוד היכן הממוקמים מאזינים. אם אתה הולך לכאן, הם מספקים את סימנייה כדי לגרור לסרגל הדפדפן שלך. זו בכנות הדרך בה אני משתמש בתדירות הגבוהה ביותר שכן אני יכול לראות בדיוק היכן ממוקם המאזין בעמוד.