Есть ли способ поймать событие зависания javascript с помощью консоли chrome?

Question

Итак, у меня есть много строк кодов Javascript, которые сейчас довольно неорганизованы. Одной из многих функций является выполнение какого-либо действия над событием 'hover', однако я не могу его найти, просто просматривая коды.

Мне интересно, можно ли определить причину возникновения события при наведении курсора в браузере google chrome 'Console.log'

Answer 1

Если вы ищете способ выяснить, какая функция обрабатывает определенные события с помощью Chrome, вы можете взглянуть на вкладку «прослушиватели событий» в правом нижнем углу вкладки «Элементы», когда выполняете Wrench -> Tools -> Инструменты разработчика в Chrome. На этой вкладке должны быть перечислены все функции, которые обрабатывают событие на выбранном узле.

Answer 2

Откройте инструменты разработчика и перейдите на вкладку / раздел «Хронология». Оттуда нажмите кнопку записи внизу страницы. Когда это запись, просто наведите курсор мыши на объект, который вы хотите исследовать, затем остановите запись.

На временной шкале событий вы можете искать любые события наведения мыши, и у каждого из них должна быть стрелка рядом с ними на временной шкале. Развернув эту стрелку, вы узнаете, какая строка JS была вызвана, сколько памяти она использовала и сколько времени она занимала.

Answer 3

На дом API нет родного события "зависания".С другой стороны, есть следующие лучшие вещи: mouseenter, mouseleave и mouseover, mouseout.Внутри вы обнаружите, что библиотека jQuery обрабатывает события «зависания» как комбинацию событий, когда при вводе мыши она запускает первую функцию, а при выходе из нее - второй метод.Документацию по jQuery можно найти на здесь .