Как повесить событие по нажатию на клавишу в JS?

Question

[m_xplay_official]

Имеется такая необходимость что бы при нажатии на клавишу "enter" отработало событие в js связанное с <button>

Немного HTML структуры:

<button type='submit' id='passage' style='display:none'></button>

Comments

[uRoot]

Вам нужно событие Event:
https://learn.javascript.ru/obtaining-event-object
https://developer.mozilla.org/ru/docs/Web/API/Even...

Хороший видеоурок на эту тему:
https://www.youtube.com/watch?v=UNQIal4B3j0&featur...

Answer 1

[Михаил]

На чистом JS (без jQuery):

document.addEventListener('keydown', someFunc)

function someFunc(event) {
    if (event.key == "Enter") {
        //do something  
    }
}

Если нужно отслеживать нажатие не на всей странице, то отслеживание привязывается к конкретному элементу (форме, инпуту и т.д. )

Answer 2

[Максим Тимофеев]

$("#some_text_box").keyup(function(event) {
    if (event.keyCode === 13) {
        $("#passage").click();
    }
});

Не уверен, что сработает при display:none.

Comments

[m_xplay_official]

Так а это id - "#some_text_box" над куда нить вставлять?

[Максим Тимофеев]

m_xplay_official, любой селектор вставьте вместо него, хоть body. Я ж не знаю где Вам событие ловить надо.

[m_xplay_official]

Максим Тимофеев, а ну все понял, спасибо) попробую Ваш метод и отпишусь)

Answer 3

[WapSter]

button так и так отработает по нажатию enter даже, если display: none; . А если нужно какое-то кастомное действие, то:

document.addEventListener('keydown', function (e) {
   if (e.keyCode === 13 ) {
      e.preventDefault();
      // ваш код
   }
})

Answer 4

[Юпитер Макс]

тут

Answer 5

[Владимир]

Вот здесь краткое объяснение с примерами. Кстати, форма и так отправляет данные на сервер при нажатии Enter.

Answer 6

[Александр]

https://jqbook.ru/jquery/Events2
https://howtodoinjava.com/scripting/jquery/jquery-...