Узнаем события jQuery

Инструкция как узнать какие js-скрипт висит на событие jQuery.

Простейший пример: узнать какие события повешены на ресайз windows:

jQuery._data( $(window).get(0), "events").resize

Если вернет undefined то событий нет.

Для Chrome есть конструкция позволяющая получить события для выделенного элемента

jQuery._data($($0).get(0), "events")

Теперь подробней.
Исследуем комментарии на russian.rt.com/inotv/. Используем Chrome
При нажатие на ссылку «ответить» появляется диалог ответа. Вот и посмотрим какой код это выполняет.
Для начала вызовем контекстное меню на этой ссылке и выберем «Просмотр кода элемента»

выберем Просмотр кода элемента

В открывшейся панели разработчика видим нашу ссылку.
Слева открываем закладку «Event Listenet» (список всех событий которые есть на странице)

jq_re02

Тут нас интересует событие висящее на «a.comments__toggle-form»
Для того что бы узнать список событий переходим в консоль и вводим следующую команду:

jQuery._data( $('a.comments__toggle-form').get(0), "events" )

jQuery вернул объект с полем «click».

Object {click: Array[1]}

Раскрываем его и находим свойство «handle»

jq_re03

Как показано на рисунке открываем контекстное меню и нажимаем пункт «Show function definition»
Получили нужный код:

jq_re04

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *