Загрузка страницы..
Сохранение по Ctrl+S в браузере
Удобное сохранение в html при помощи js
<span style="color: #4ab54d;">Сохранение</span> по Ctrl+S в браузере
2014-03-06T08:00 06 мар 2014 08:00
Просмотров: 3236

Проблема

При редактировании данных в формах вместо прилагающейся кнопки «Сохранить» иногда так и хочется нажать привычное Ctrl+S.
Что неизменно приводит к появлению стандартного браузерного диалога, который предложит вам сохранить текущую html-страницу.

Решение

С помощью JavaScript попытаемся:

  • заблокировать появление диалога о сохранении;
  • отловить нажатие клавиш и запустить клиентскую функцию;

Для блокирования стандартной обработки событий в браузере используются:

  • Метод preventDefault() объекта event. Поддерживается в Gecko и Opera.
  • Свойство returnValue объекта event, поддерживаемое в IE.

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

Код


$(document).bind('keydown', function(e) {
  if(e.ctrlKey && (e.which == 83)) {
    e.preventDefault();
    alert('Ctrl+S');
    return false;
  }
});

Ну вот и всё. Не забываем подключать библиотеку jQuery



Комментарии: 0

Комментарий пока нет, стань первым!

Добавить комментарий

up
Яндекс.Метрика Яндекс.Метрик