Перейти к содержанию

Рекомендуемые сообщения

Есть такой кусок кода:

    plugin.toggleButton = function () {
      if(isFullscreen) {
        $button.addClass('close');
      } else {
        $button.removeClass('close');
      } 
    };

На данный момент при первом клике мыши добавляется класс close, а при втором клике мыши удаляется класс close.

 

Как сделать так, что бы класс close удалялся не только при клике мышки, а еще и при нажатии на клавишу ESC (keyCode == 27)?

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
eventObject.keyCode == 27
Изменено пользователем anboza

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

а куда именно его впихнуть? 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
$('html').keydown(function(eventObject){ //отлов нажатие клавиши
  if (eventObject.keyCode == 27) { //если нажали ESC, то true
    alert("нажата ESC");
  }
});

собственно, функция отслеживания нажатия.

только проверяйте, ее некоторые броузеры блокируют. там есть обходной "финт ушами", если будут проблемы, пишите, я скину, у меня есть заготовка где-то.

Изменено пользователем anboza

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
16 минут назад, maksimist сказал:

а куда именно его впихнуть? 

сделайте 2 функции, не путайте себя. одна - toggleButton, вторая - keydown

Изменено пользователем anboza

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

финт ушами:

<script language="javascript" type="text/javascript">
	document.onkeydown = function checkKeycode(event)
	{
		var keycode;
		if(!event) var event = window.event;
		if (event.keyCode) keycode = event.keyCode; // для IE
		else if(event.which) keycode = event.which; // для всех браузеров
		alert("keycode: "+keycode); // Выводим сообщение
		// Тут можно написать функции при нажатии нужных клавиш
	}
</script>

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

и замените 

$button.addClass('close') || $button.removeClass('close')
на 
$button.toggleClass('close');
  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.