Как найти привязку события mouseover Отладчик Chrome

Question

У меня есть вызов ajax, который обновляет продукт, включая его элемент изображения. После обновления лупа изображения продукта не работает. Я думаю, это потому, что мне нужно повторно привязать событие к мыши над элементом изображения. Таким образом, я хотел бы найти код, в котором мышь над событием будет прикрепляться первоначально во время загрузки, поэтому я могу повторно использовать этот код для повторного подключения события после обновления ajax. У меня мало опыта программирования на стороне клиента и таких инструментов, как разработчик Chrome. Тем не менее, использование инструмента Chrome Dev и контрольных точек Event Listener/load, я могу остановить загрузку кода. С такой информацией я все еще не могу найти функцию обратного вызова или, в частности, месторасположение кода, в котором событие сначала привязывается к элементу изображения. Как это сделать? что я должен искать? Есть ли лучший инструмент или подход для достижения этого?

Answer 1

Посмотрите на visual event, автор SpryMedia. Он реализуется как букмарклет, поэтому он очень портативен и может быть легко использован в проектах, где у вас нет удобного доступа к исходным файлам.

Из документов - Визуальное событий показывает:

• Какие элементы события привязаны к ним
• тип событий, прикрепленных к элементу
• Код, который будет выполняться с событием срабатывает
• Исходный файл и номер строки, в которой была определена вложенная функция (только браузеры Webkit и Opera).