Всем доброго времени суток и речь сегодня пойдет о атрибуте accesskey. Что позволяет делать данный атрибут и каким тегам он применяется мы сейчас с вами узнаем.

Допустим у нас есть ссылка.

<a href="https://youtube.com" accesskey="j">Ссылка на youtube</a>

Данная ссылка как вы понимаете ведет на youtube и здесь мы воспользовались атрибутом accesskey в качестве его значения указали j. Что же это нам дает? А вот что, если мы нажмем горячую клавишу alt+j то у нас выполнится переход по ссылке. Это значит что данный атрибут позволяет задавать горячие клавиши элементам через которые мы можем их активировать.

Причем мы можем задавать и другие горячие клавиши к примеру:

<a href="https://youtube.com" accesskey="f">Ссылка на youtube</a>

Здесь у нас после использования клавиши alt+f как такового перехода по ссылке не произойдет. Вместо этого нам откроются настройки браузера так как горячие клавиши (alt+f) зарезервированы. Однако если мы нажмем горячие клавиши (alt+shift+f), наш переход по ссылке состоится.

То есть, мы с помощью атрибута accesskey можем создавать комбинации клавиш с alt, shift и указанным символом в атрибуте. Причем клавиша alt должна участвовать во всех комбинациях клавиш, так уж задумано.

Помимо ссылок, данный атрибут применим к следующим элементам:

<a>, <area>, <button>, <input>, <label>, <legend>, <textarea>

Здесь понятно что мы можем использовать его для фокусировки в полях(textarea, input), нажатии кнопок и ссылок(a, button), а также активации элементов(area, label, legend).

В общем включайте воображение и пользуйтесь.

На этом дорогие друзья данная статья подошла к концу. Я с вами прощаюсь. Желаю удачи и успехов! Пока!