HTML :: Атрибут accesskey
В HTML универсальный атрибут accesskey (от англ. accesskey – клавиша доступа) в качестве значения принимает клавишу доступа («key»), т.е. латинскую букву из диапазона a-z (раскладка клавиатуры должна быть переключена в режим английского языка) или цифру из диапазона 0-9, и позволяет получить доступ к элементу при помощи комбинации клавиш, которая зависит от используемого браузера:
- «alt»+«key» для Opera, Google Chrome и Яндекс.Браузер,
- «shift»+«alt»+«key» для Mozilla Firefox.
Несмотря на то, что атрибут является универсальным, свои функции он надежно выполняет только для ссылок, различных кнопок и полей, которые формируются, например, тегами <a>, <area>, <button>, <input>, <label>, <legend>, <textarea>. В результате нажатия соответствующей браузеру комбинации клавиш совместно с указанной клавишей доступа элемент получает фокус и далее, в зависимости от вида элемента, может выполняться какое-нибудь действие, например, переход по ссылке, если фокус получает элемент «a».
Синтаксис
...
Значения
Латинские буквы из диапазона a-z (раскладка клавиатуры должна быть переключена в режим английского языка) или цифры из диапазона 0-9. Значение по умолчанию: отсутствует.
Ссылки
Официальный сайт W3C: https://html.spec.whatwg.org/multipage/interaction.html#the-accesskey-attribute
Статья на Mozilla Firefox: https://developer.mozilla.org/ru/docs/Web/HTML/Общие_атрибуты/accesskey
Примеры
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>accesskey|Пример №1</title> </head> <body> <!-- Для текстовых полей атрибут работает без проблем --> <textarea accesskey="s"> Я – текстовое поле. Чтобы передать мне фокус,<br> нажмите спецкомбинацию клавиш текущего браузера + клавишу s. </textarea> <!-- Не факт, что здесь атрибут будет работать --> <p accesskey="r"> Я – обычный абзaц, поэтому не факт, что атрибут accesskey<br> имеет смысл ко мне применять. </p> </body> </html>
Пример №1