Нажатие клавиши ввода вызывает событие клика в JavaScript, как его остановить?

Question

Когда я нажимаю клавишу ввода (keyCode === 13) на кнопке, она вызывает как событие нажатия клавиш, так и событие нажатия.Как остановить это от запуска события клика?

Answer 1

event.preventDefault () помогает, потому что сначала вызывается / отправляется первое событие keyDown, а затем событие щелчка, поэтому в слушатель события keyDown мы добавляем

event.preventDefault() 

, чтобы остановить его от запуска события щелчка.если вы также хотите, чтобы он не запускал другие HTMLE-элементы внизу (выделение и захват), используйте

event.stopPropagation();
event.preventDefault();

Случайный код TS Пример:

 button.addEventListener('keydown', function (event: KeyboardEvent) {
        if (event.keyCode === 13) {
            event.stopPropagation();
            event.preventDefault();
            //do something
        }
    }, false);