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

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

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

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

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

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

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

Semantic UI dropdown change handler and disabling another element

Как организовать доступность одного элемента от выбранного значения другого (dropdown) элемента

+function ($) { "use strict"; }(window.jQuery);

объявляется IIFE (немедленно выполняемая функция-выражение)
в функцию передаётся объект библиотеки jQuery, которая внутри будет доступна через переменную с именем $
включается «строгий режим»

JS. Добавить параметр к URL без перезагрузки

function updateURL() {
    if (history.pushState) {
        var baseUrl = window.location.protocol + "//" + window.location.host + window.location.pathname;
        var newUrl = baseUrl + '?tyapk=awesome';
        history.pushState(null, null, newUrl);
    }
    else {
        console.warn('History API не поддерживается');
    }
}

https://gist.github.com/excalq/2961415#gistcomment-2178956

HTML атрибуты и DOM свойства

Значение HTML атрибута указывает начальное значение;
Значение DOM свойства является текущим значением;
Атрибуты инициализируют DOM свойства.

Clean Code concepts adapted for TypeScript

Clean Code concepts adapted for TypeScript. Inspired from clean-code-javascript

JS. Создать массив и заполнить годам

Array.from({ length: 7 }, (_, index) => new Date().getFullYear() - index);