ดูผู้ฟังเหตุการณ์ทั้งหมด

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

ในตัวเบราว์เซอร์

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

getEventListeners

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

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

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

jQuery

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

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

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

bookmarklet

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