Почему код работает только в отладчике?

Question

[CityzenUNDEAD]

Здравствуйте!
У меня есть задача, при попадании картинки в фокус клавиатуры, нажатие enter-а должно приводить к открытию модального окна с картой.
В итоге написал такой код:

mapLink.addEventListener("keydown", function (evt) {
    if (evt.keyCode === 13) {
    openModalMap();
  }
});
var openModalMap = function () {
  modalMapBlock.classList.add("overlay-active");
  modalMap.classList.add("modal--location-open");
  buttonClose.focus();
};

Данный код хорошо работает в отладчике, но не работает в боевом режиме.
Можете подсказать почему так выходит?

Comments

[edward_freedom]

на событие keydown, ты подписываешься после загрузки страницы?

[CityzenUNDEAD]

edward_freedom, да

[origami1024]

Данный код хорошо работает в отладчике, но не работает в боевом режиме.

Что именно не работает? Модалка не всплывает/клавиша не отлавливается вообще?
В боевом режиме - в смысле когда ты его вставляешь в приложение, типо он перекрывается какми-то образом другмими функциями/переменными/классами вне того что ты привел?

Answer 1

[Антон Швец]

ну вот сравните
https://jsfiddle.net/melchiorio/rm03a2zk/

const focusBtn = document.getElementById('focusBtn');

let listenerFocus;

focusBtn.addEventListener('focus', () => {
  listenerFocus = listenEnter();
});

focusBtn.addEventListener('blur', () => {
  window.removeEventListener('keydown', listenerFocus);
});

function listenEnter() {
  const listener = (evt) => {
    if (evt.keyCode === 13) {
      openModalMap();
    }
  }
  window.addEventListener('keydown', listener);
  return listener;
}


function openModalMap() {
	document.getElementById('modal').classList.toggle('hidden');
}