HTML5 атрибут ключа доступа: вам может не понадобиться JavaScript для добавления сочетаний клавиш

Содержание

1 Поддержка в браузерах
2 Использование атрибута accesskey

В вашем приложении реализованы сочетания клавиш? Конечно, чтобы решить эту необходимость, вы, возможно, внедрили слушатели событий keydown с JavaScript для всего документа:

// Register the key handler
document.addEventListener('keyup', function(e){
// This would be triggered by pressing CTRL + A
if (e.ctrlKey && e.keyCode == 65) {
window.location.href = "http://site.com";
}
// Or with ALT + A
//if (e.altKey && e.keyCode == 65) {
//    window.location.href = "http://site.com";
//}
}, false);

Однако такой подход не всегда необходим в зависимости от условий, с которыми вы работаете. Полезный атрибут, о котором многие веб-разработчики не знают, — это интересный атрибут accesskey элемента DOM. Глобальный атрибут accesskey предоставляет подсказку для создания сочетания клавиш (которое отличается для каждого браузера и ОС) для элемента DOM. Этот атрибут состоит из одного символа Unicode, который входит в. Браузер использует первый из существующих на раскладке клавиатуры компьютера.

Поддержка в браузерах

Операция активации ключа доступа зависит от браузера и его платформы:

Windows
Linux
макинтош
Fire Fox

Internet Explorer

Гугл Хром

Сафари

опера

Alt + Shift + клавиша		На Firefox 14 или новее, Ctrl + Alt + клавиша На Firefox 13 или старше, клавиша Control +
Alt + клавиша	N / A
Alt + клавиша		Ctrl + Alt + клавиша
Alt + клавиша	N / A	Ctrl + Alt + клавиша
Shift + Esc открывает список содержимого, доступ к которому осуществляется с помощью клавиши доступа, затем можно выбрать элемент, нажав клавишу

Использование атрибута accesskey

Чтобы определить ключ в вашей разметке, добавьте атрибут accesskey с кодом Unicode Key, который будет запускать основное действие элемента (обычно щелкните):



Redirect to Our Code World

Хотя в некоторых случаях вам действительно необходимо добавить причину прослушивателя событий для функции, которая выполняется, когда пользователь запускает комбинацию клавиш, существуют другие случаи, когда достаточно просто правильно установить этот атрибут. Например, простая функция перенаправления, которая может быть достигнута, если щелкнуть элемент Link.

Вы даже можете выполнить встроенный JavaScript (не очень хорошая идея, но функциональный) внутри атрибута href элемент: