ดูผู้ฟังกิจกรรมทั้งหมด

เคยมีความขัดแย้งกับผู้ฟังเหตุการณ์หรือไม่? หรือเพียงแค่ต้องการดูสิ่งอื่นที่กำลังดำเนินการในการดำเนินการเดียวกันในหน้า ทั้งนี้ขึ้นอยู่กับเบราว์เซอร์ของคุณคุณลักษณะนี้อาจมีหรือไม่ก็ได้

Built-in ในเบราเซอร์

ใน Google Chrome คลิกขวาที่หน้าเว็บไปที่ Inspect Element จากที่นั่นตรวจสอบให้แน่ใจว่าคุณใช้แท็บ Elements และคลิกบล็อก HTML ที่ด้านขวาคุณจะเห็นส่วนของแท็บที่คุณสามารถคลิกฟังเหตุการณ์และดูการกระทำที่เอกสารกำลังฟังอยู่ คุณสามารถเจาะลึกในแต่ละการกระทำเพื่อดูว่ามีการประกาศครั้งแรกเกิดขึ้นได้อย่างไร
ใน Internet Explorer ฉันเชื่อว่าพวกเขามีฟังก์ชันการทำงานที่คล้ายกันในตัว ใน FireFox ผมเชื่อว่าต้องมี Add-on Firebug เพื่อดูฟังก์ชันการทำงานดังกล่าวในเบราเซอร์

getEventListeners

นี่คือวิธีที่ถูกอบโดยตรงใน Chrome และ Firebug สำหรับ Firefox ไวยากรณ์: getEventListeners (object) ดังนั้นร่วมกับ jQuery ตัวอย่างง่ายๆก็คือ:

 getEventListeners ($ ( '# ภาชนะ')); 

เพียงไปที่คอนโซลนักพัฒนาซอฟต์แวร์แล้วพิมพ์คำสั่งดังกล่าวสำหรับองค์ประกอบใด ๆ ที่คุณต้องการดูผู้ฟัง
getEventListeners Chrome
getEventListeners Firebug

jQuery

ไม่มีวิธีสนับสนุนอย่างเต็มที่ในการรับข้อมูลนี้ใน jQuery อีกต่อไป คุณสามารถเข้าถึงวิธีการส่วนตัวใน jquery ผ่านทาง:

 $ ._ ข้อมูล ($ ( '[เลือก]') [0], 'เหตุการณ์'); 

แทนที่ [selector] ด้วยการอ้างอิงองค์ประกอบที่เหมาะสม นี่ไม่ได้รับการสนับสนุนจากสาธารณชนไม่มีเอกสารประกอบและอาจหยุดการทำงานกับ jQuery เวอร์ชันใหม่ ๆ ดังนั้นอย่าพึ่งพาข้อมูลนี้ ถ้าคุณจะใช้มันใช้สำหรับการดีบักเท่านั้น

bookmarklet

หากไม่มีสิ่งใดที่กล่าวมาข้างต้นคุณจะมีบุ๊กมาร์กที่น่าสนใจซึ่งจะช่วยให้คุณเห็นในหน้าเว็บที่ผู้ฟังตั้งอยู่ หากคุณไปที่นี่พวกเขาให้บุ๊คมาร์คลากไปที่แถบเบราเซอร์ของคุณ นี่เป็นวิธีที่ฉันใช้บ่อยที่สุดเท่าที่ฉันสามารถดูได้ว่าผู้ฟังอยู่ที่หน้าใด