Enter на кнопке вызывает событие click

Опубликовано в JavaScript • 08 августа 2019 г. • 1 мин. на чтение

Для меня стал небольшим открытием следующий факт:

Нажатие клавиш Enter и Space на элементах <button> и <a> помимо событий клавиатуры (keydown) вызывает событие клика мыши click

Соответственно, в то время как обработчик «onclick» звучит так, как будто оно связан только с мышью, в действительности к нему добавлются действие по умолчанию для ссылки и кнопки.

В интересную ситуацию можно попасть, если повешеать обработчик какого-нибудь переключателя toggle на keydown и click. Нажатие enter в таком случае визуально не будет работать т.к. toggle будет вызываться 2 раза.

Похожие записи

Поисковый запрос с помощью RxJS

Показательная и востребованная задача. Получение набираемого запроса из поля ввода через полсекунды после того, как пользователь закончил ввод с показом лоадера.

Добавить css link и js script динамически 

const link = document.createElement('link');
link.rel = 'stylesheet';
link.type = 'text/css';
link.href = 'https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css';
link.integrity = 'sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO'; // необязательно
link.crossOrigin = 'anonymous'; // необязательно
document.head.appendChild(link);

const script = document.createElement('script');
script.src = 'https://code.jquery.com/jquery-3.3.1.slim.min.js';
script.integrity = 'sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo'; // необязательно
s...