Узнайте, какая функция Javascript запускается при нажатии

Есть ли способ узнать, какая функция Javascript запускается при нажатии определенной кнопки?

Позвольте мне объяснить ...
У меня есть веб-страница с большим js-скриптом (не мной), я должен определить, какая функция запускается определенной кнопкой, мне нужно найти запускаемую функцию по этой кнопке.


person Dee    schedule 19.06.2012    source источник
comment
у вас установлен firebug? вы можете разместить точки останова на всех ваших функциях и пошагово пройти код и выяснить, что происходит   -  person theedam    schedule 19.06.2012


Ответы (4)


Используйте Web Inspector Chrome, чтобы проверить элемент и проверить панель Event Listeners.

Пример веб-инспектора

Если код, присоединяющий событие, находится в библиотеке (например, Zepto в моем примере), установите точку останова в строке и изучите стек вызовов, чтобы увидеть, где оно возникло в вашем коде.

Пример стека вызовов

Как видите, событие возникло в моем коде, и теперь я знаю имя файла и номер строки.

person alex    schedule 19.06.2012

Внутри своих функций вы можете поместить arguments.callee, чтобы узнать об этом. . Обратите внимание, что это устарело, но следует указать вы то, что ищете.

alert(arguments.callee);
person Sarfraz    schedule 19.06.2012

Почему бы вам не использовать Stack Trace для JavaScript, то есть stacktrace.js

Перейдите по указанной выше ссылке, нажмите Букмарклет и загрузите файл js на любой сайт, который хотите проверить.

person naveen    schedule 19.06.2012

В Google Chrome откройте интересующую вас веб-страницу.

Щелкните правой кнопкой мыши элемент (например, кнопку), который хотите проверить. В появившемся «контекстном меню» нажмите «Проверить». Откроется окно «Инструменты разработчика».

  1. Щелкните вкладку "Элементы".
  2. Щелкните элемент HTML, который вы хотите проверить, если он еще не выбран.
  3. Щелкните вкладку «Слушатели событий». Появится полный список слушателей.
  4. Выберите интересующий вас прослушиватель событий, например, нажмите. Появится стек вызовов.
  5. Щелкните последний элемент в стеке вызовов. Это, наконец, перенаправит вас к той фактической функции, которая запускается при срабатывании события.

Google Chrome - вариант проверки

Google Chrome - окно инструментов разработчика

person steven7mwesigwa    schedule 25.09.2020