Обзор плагина "Shortcut JS"
Всем привет. Сегодня я решил написать небольшой обзор крайне полезного плагина "Shortcut JS". Начнем с того, что представляет собой этот плагин. Данный скрипт позволит вам практически без знаний JS добавлять на свой сайт "горячие" комбинации клавиш, при нажатии которых будет происходить какое-либо действие. Посмотреть оригинал описания скрипта, а так же увидеть демонстрацию работы скрипта, вы можете здесь (Материал на английском).
Синтаксис Shortcut
Данный плагин имеет 2 основные функции, а именно - добавление и удаление горячих клавиш. Давайте рассмотрим их синтаксис.
Код
shortcut.add("Enter",function(){alert('Вы нажали клавишу "Enter"');});
И при нажатии клавиши "Enter" на экран выведется сообщение о нажатии этой клавиши.
Код
shortcut.remove("Enter");
А эта функция удалит горячую клавишу.
Код
shortcut.add("Ctrl+C",function(){alert('Вы нажали комбинацию "Ctrl+C"');remove.shortcut("Ctrl+C");});
Здесь мы вводим комбинацию Ctrl+C, при нажатии этой комбинации выводится сообщение о нажатии клавиши. Второй раз сообщение не выведется, т.к. мы ввели функцию удаления комбинации.
Но это еще не все плюшки данного скрипта:
Код
shortcut.add('A',function() {
alert('Вы отпустили клавишу "A"');
},{
'type':'keyup',
'propagate':true,
'disable_in_input':true,
'target':document,
'keycode':65
});
alert('Вы отпустили клавишу "A"');
},{
'type':'keyup',
'propagate':true,
'disable_in_input':true,
'target':document,
'keycode':65
});
type - тип события. (Keydown - клавиша отпущена, Keyup - клавиша нажата, Keypress - клавиша нажата и отпущена). По умолчанию: keydown.
propagate - разрешить выполнять стандартные события горячих клавиш, например, копирование Ctrl+C? (true - да, false - нет). По умолчанию: false
disable_in_input - отключить комбинацию в input-элементах? (true - да, false - нет). По умолчанию: false
target - элемент, в котором будет действовать комбинация. Например, 'name' будет действовать в элементах с ID "name". По умолчанию: document (Во всем документе).
propagate - разрешить выполнять стандартные события горячих клавиш, например, копирование Ctrl+C? (true - да, false - нет). По умолчанию: false
disable_in_input - отключить комбинацию в input-элементах? (true - да, false - нет). По умолчанию: false
target - элемент, в котором будет действовать комбинация. Например, 'name' будет действовать в элементах с ID "name". По умолчанию: document (Во всем документе).
Доступные кнопки
- Буквы латинского алфавита, цифры (abc...xyz, 01...89)
- Дополнительные клавиши, имеющиеся на клавиатуре
- Специальные клавиши:
- Tab
- Space
- Return
- Enter
- Backspace/Delete
- Scroll_lock/Caps_lock/Num_lock
- Pause
- Insert
- Home
- End
- Page_up/Page_down
- Up/Down/Left/Right
- F1-F12
Скачать скрипт вы можете с нашего сайта: shortcut.js или с официального источника: shortcut.js
Моя оценка: Отличный скрипт, прекрасно подойдет как для новичков, так и для кодеров-профессионалов. Множество полезных надстроек и краткость кода делают этот скрипт потрясающим.
Мне нравится 5
Просмотры: 1474 · Комментарии: 0 · Добавил: Kelin · Категория: Статьи по JavaScript