<MyRusakov.ru />

React JS, Redux, ES2015 с Нуля до Гуру

React JS, Redux, ES2015 с Нуля до Гуру

Данный курс - это обширный курс по JavaScript и фреймворку React, который позволит Вам с нуля создавать мощные современные, динамические JavaScript-приложения.

Вы узнаете о тонкостях работы с "профессиональным" JavaScript, а так же узнаете о нововведениях в его новый стандарт ES2015, Вы узнаете, как организовать профессиональное окружение для FrontEnd, изучите профессиональный фреймворк - ReactJS.

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

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

Как сделать горячие клавиши на сайте

Как сделать горячие клавиши на сайте

Иногда бывает необходимо упростить работу по использованию сайта пользователями. Как правило, это нужно различным сервисам, которыми люди пользуются постоянно и много. Очень хорошим инструментом, упрощающим работу с сайтом, являются горячие клавиши. О том, как сделать горячие клавиши на сайте с помощью 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.

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

  1. Кнопка:

    Она выглядит вот так: Как создать свой сайт

  2. Текстовая ссылка:

    Она выглядит вот так: Как создать свой сайт

  3. BB-код ссылки для форумов (например, можете поставить её в подписи):

Комментарии (5):

RussianPro RussianPro 31.05.2012 14:10:53

Спасибо за статью! Давно хотел узнать как делается hotkey, т.к. интернете толкового объяснения нет.

Ответить

lev_100rus lev_100rus 21.06.2012 21:39:08

Михаил, помогите пожалуйста! Простите, что не по теме пишу, но хотелось бы сделать так, чтобы при нажатии определённой кнопки менялась фоновая КАРТИНКА! Не цвет фона, а именно КАРТИНКА! Обьясните пожалуйста или приведите код, а я уж разберусь сам!

Ответить

Admin Admin 21.06.2012 22:50:45

Используйте свойство background: url("image.jpg"); при событии mouseup (обработчик onmouseup).

Ответить

Aialonix Aialonix 25.11.2012 20:19:53

Интересно, а как сделать, что бы при нажатии определенной комбинации клавиш, допустим Ctrl+Alt+Z, выполнялось определенное действие?

Ответить

Admin Admin 25.11.2012 20:46:35

Суть примерно такая (как шаблон): if(window.event.ctrlKey) if(window.event.ctrlKey && window.event.altKey && window.event.keyCode == 50) {//Что делаем}

Ответить

Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.