Колись у слухача події був якийсь конфлікт? Або просто хочете побачити, що ще виконується за тією ж дією на сторінці. Залежно від вашого браузера, це може бути, а може і не бути вбудованим функціоналом.
Вбудований браузер
У Google Chrome клацніть правою кнопкою миші на сторінці, перейдіть до огляду елемента. Звідти переконайтеся, що ви перебуваєте на вкладці "Елементи" та натисніть на блок HTML. На правій бічній панелі ви побачите розділ з вкладками, де можна натиснути Слухачі подій і побачити дії, які слухає документ. Ви можете детальніше ознайомитись з кожною з цих дій, щоб побачити, де відбувається початкова заява.
В Internet Explorer я вважаю, що вони мають вбудовану подібну функціональність. У FireFox, я вважаю, що для перегляду цієї функціональності у браузері потрібен надбудова FireBug.
getEventListeners
Це метод, який випікається безпосередньо в Chrome і Firebug для Firefox. Синтаксис: getEventListeners (об'єкт). Тож у поєднанні з jQuery простим прикладом може бути:
getEventListeners ($ ('# контейнер'));
Просто перейдіть безпосередньо до консолі розробника і введіть цю команду для будь-якого елемента, для якого ви хочете бачити слухачів.
getEventListeners Chrome
getEventListeners Firebug
jQuery
Існує не повністю підтримуваний спосіб отримати цю інформацію в jQuery більше. Ви можете отримати доступ до приватного методу в jquery за допомогою:
$ ._ дані ($ (''), 'події');
Замініть відповідним посиланням на елемент. Це не підтримується публічно, немає документації, і це може припинити функціонування з будь-яким новим випуском jQuery, тому не покладайтеся на нього. Якщо ви збираєтесь використовувати його, використовуйте його лише для налагодження.
Закладка
Якщо жодне з перерахованого вище вам не підходить, є досить класна закладка, яка дозволить вам побачити на сторінці, де розташовані слухачі. Якщо ви переходите сюди, вони надають закладку, щоб перетягнути її на панель браузера. Це, чесно кажучи, я використовую найчастіше, тому що я точно бачу, де знаходиться слухач на сторінці.
