Как сделать горячие клавиши на сайте
Иногда бывает необходимо упростить работу по использованию сайта пользователями. Как правило, это нужно различным сервисам, которыми люди пользуются постоянно и много. Очень хорошим инструментом, упрощающим работу с сайтом, являются горячие клавиши. О том, как сделать горячие клавиши на сайте с помощью JavaScript я расскажу в данной статье.
Приведу небольшой пример:
<script type="text/javascript">
function hotkey(event) {
var id = event.keyCode;
document.getElementById("key").innerHTML = id;
}
</script>
И HTML-код:
<body onkeyup="hotkey(event)">
<div id="key"></div>
</body>
Результатом данного скрипта и HTML-кода будет изменение содержимого контейнера "key". В качестве содержимого будет появляться число, соответсвующее коду нажатой клавиши. Разумеется, никто Вам не мешает исправить обработку данного события. Вы можете поставить операторы условия, чтобы выяснить, какая именно клавиша была нажата и выполнять те или иные действия.
Как видите, ничего сложного нет, и сделать горячие клавиши на сайте сможет любой желающий и хоть чуть-чуть разбирающися в JavaScript и HTML.
-
Создано 25.05.2012 17:58:00
-
Михаил Русаков
Комментарии (5):
Спасибо за статью! Давно хотел узнать как делается hotkey, т.к. интернете толкового объяснения нет.
Ответить
Михаил, помогите пожалуйста! Простите, что не по теме пишу, но хотелось бы сделать так, чтобы при нажатии определённой кнопки менялась фоновая КАРТИНКА! Не цвет фона, а именно КАРТИНКА! Обьясните пожалуйста или приведите код, а я уж разберусь сам!
Ответить
Используйте свойство background: url("image.jpg"); при событии mouseup (обработчик onmouseup).
Ответить
Интересно, а как сделать, что бы при нажатии определенной комбинации клавиш, допустим Ctrl+Alt+Z, выполнялось определенное действие?
Ответить
Суть примерно такая (как шаблон): if(window.event.ctrlKey) if(window.event.ctrlKey && window.event.altKey && window.event.keyCode == 50) {//Что делаем}
Ответить
Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.