Нужна помощь по JS

[maksimist]

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

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

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

 

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

 

[anboza]

eventObject.keyCode == 27

Змінено 7 вересня 2018 користувачем anboza

[maksimist]

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

[anboza]

$('html').keydown(function(eventObject){ //отлов нажатие клавиши
  if (eventObject.keyCode == 27) { //если нажали ESC, то true
    alert("нажата ESC");
  }
});

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

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

Змінено 7 вересня 2018 користувачем anboza

[anboza]

16 минут назад, maksimist сказал:

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

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

Змінено 7 вересня 2018 користувачем anboza

[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>

 

[MaDMaxX111]

и замените 

$button.addClass('close') || $button.removeClass('close')
на 

$button.toggleClass('close');