Поиск функции перехвата ключевого события в JavaScript?

Question

Я пишу сценарий пользователя для сложного веб-приложения.Существующий код перехватывает события нажатия клавиш «j» и «k».

Я бы хотел найти эту функцию, чтобы увидеть, что она делает.Есть ли способ перечислить все ключевые обработчики событий в документе?Или, может быть, каким-то образом установить точку останова в Chrome Developer Tools, когда я нажимаю букву?

Answer 1

Да, в инструментах разработчика перейдите на вкладку Сценарии , выберите страницу, перейдите на Точки останова прослушивателя событий , Клавиатура , keydown.

Хотя это не обязательно поможет вам, например, если сценарий минимизирован или они используют библиотеку.Но вы можете попробовать.

Answer 2

Если вы можете запустить часть своего скрипта первыми и если ключи обрабатываются на уровне документа, вы можете установить этот перехват, чтобы увидеть, какая часть кода устанавливает обработчик клавиатуры:

var oldListener = document.addEventListener;
document.addEventListener = function(type, listener, capture) {
    if (type == "keydown" || type == "keyup" || type == "keypress") {
        console.log("type=" + type + " listener=" + listener.toString().slice(0, 80));
    }
    return (oldListener.apply(this, arguments));
}