Как передать onekeydown нажатую кнопку?

Question

[SherbakovFirst]

У меня есть код

answerInput.addEventListener("keydown", function (e) {
if (e.keyCode === 13) {
    answerButton.click();
}
});

Он работает и всё хорошо, но я не хочу чтобы код был не в функции. Поэтому я хочу перекинуть ответственность на onekeydown в html, но когда я передаю туда функцию с аргументом, то ничего не происходит, пишет что "аргумент не найден" . Я не совсем понимаю как это работает, но как сделать так, чтобы с onekeydown мне передавалась определённая кнопка. И если это кнопка моя, а в моём случае Enter. то я делаю answerButton.click(). И работает всё и код в функции.

Comments

[Алексей Ярков]

как сделать так, чтобы с onekeydown мне передавалась определённая кнопка

Ну так e.keyCode и есть нажатая кнопка. Что не так?

[SherbakovFirst]

Алексей Ярков, нет это через addEventListener, а я хочу добавить через onekeydown в HTML, по типу OnClick, но он реагирует на нажатие кнопки. И я хочу чтобы onekeydown="sendPunish(e)" в e передавалась нажатая клавиша

[szQocks]

SherbakovFirst, onekeydown="sendPunish(event)"

[GeminiX]

szQocks,
onkeydown="sendPunish(event.keyCode)"

Answer 1

[Алексей Ярков]

Ну можно вот так сделать
https://codepen.io/yarkovaleksei/pen/poKPXaz

<script>
function onKeyDown(e) {
  e = e || window.event;
  console.log(e);
  if (e.keyCode === 13) {
      alert(`onkeydown: ${e.keyCode}`);
  }
}
</script>
<input type="text" id="answerInput" onkeydown="onKeyDown(event)">

Comments

[SherbakovFirst]

Работает, НО. Почему то если я в HTMl пишу, через script, то всё норм, а если переношу в JS, то не работает. Это из за чего может быть?

[Алексей Ярков]

SherbakovFirst, window.event - из-за этого ))
Глобальная переменная event может быть доступна как по имени, так и через window.event. Когда мы пишем атрибут onkeydown="onKeyDown(event)", то и функция, и её аргументы должны быть в окружении. Именно поэтому в примере JS стоит выше HTML.

Ну и если помогло, то жмите "Отметить решением". Это лучшее спасибо ))