Перехід за посиланням при натисканні комбінації клавіш

Попередня ↔ Наступна

Раніше в темі Перехід на потрібну сторінку після натискання певної клавіші ми розглянули приклад простого скрипта "гарячих кнопок" або "гарячих клавіш", який при натисканні на певну клавішу здійснював перехід на прив'язану до даної клавіші сторінку.

Тепер же ми хочемо Вам представити більш універсальний скрипт "гарячих клавіш", який дозволяє обробляти натискання комбінацій клавіш (наприклад, "Shift" + "A" або "Ctrl" + "Q").

Так само даний скрипт при натисненні певної клавіші (в нашому випадку це клавіша "Ctrl") додає до пунктів меню найменування клавіші, після натискання на яку відбудеться перехід за вказаним URL.

Для отримання точно такого ж скрипта "гарячих клавіш", що здійснює перехід на потрібну сторінку сайту після натискання певної комбінації клавіш клавіатури, Вам знадобитися підключити на свій сайт бібліотеку jQuery:

Тепер нам необхідно додати стиль для цифр, які будуть з'являтися перед пунктами меню, заодно винесемо і стиль самого меню:

Далі додаємо меню, до якого необхідно додати "гарячі клавіші":

$ (Document). keydown (function () var e = e || window. event;
if (e. ctrlKey e. keyCode> 48 e. keyCode <= 49 + keys. length ) window. location. href = links [ e. keyCode - 49 ];
>
if (e. ctrlKey) $ ( '#hotkey tr td a'). each (function (i) $ (this). text (i + 1 + '' + keys [i]);>);
$ ( '#hotkey tr td'). addClass ( 'letter');
>
>);

При використанні даного скрипта варто враховувати, що в браузерах вже зарезервовані деякі поєднання "гарячих клавіш", так що варто вибирати такі, які не збігатимуться з уже наявними. Саме тому в нашому скрипті використовується поєднання клавіші "Ctrl" і цифр.

А тепер давайте розглянемо деякі моменти скрипта, наприклад рядок:

if (e.ctrlKey e.keyCode> 48 e.keyCode 48 - код клавіші повинен бути більше 48 (де 48 це код клавіші "0") і e.keyCode