0

На веб-странице есть кнопка:

var mute = document.getElementById("mute");
		    
        window.addEventListener("keydown", Sound, false); 
		     
        function Sound(event) {
        	var e = event.keyCode;
            if (e == 77) {
                mute.setAttribute("id", "unmute");
            }
        	else {
        		mute.setAttribute("id", "mute");
        	}	
        }
<button id="mute">Кнопка</button>

После нажатия клавиш Ctrl + M скрипт ниже у кнопки меняет id на unmute.

var mute = document.getElementById("mute");

        window.addEventListener("keydown", Sound, false); 

        function Sound(event) {
            var e = event.keyCode;
            if (e == 77) {
                mute.setAttribute("id", "unmute");
            }
            else {
                mute.setAttribute("id", "mute");
            }   
        }

Как при повторном сочетании клавиш Ctrl + M вернуть кнопке id mute?

6
  • 1
    id это уникальный идентификатор элемента ! Зачем его менять ? добавте себе какойнибуть data-state="mute/unmute" и меняйте уже его! 9 июл 2017 в 10:26
  • 1
    А вы уверены, что именно при нажатии Ctrl+M у вас id у кнопки изменяется?
    – Cheg
    9 июл 2017 в 10:34
  • Cheg - абсолютно уверен!
    – Viher
    9 июл 2017 в 10:36
  • 1
    @Viher и совсем ничего страшного что 77 это код клавиши M ? 9 июл 2017 в 10:39
  • 1
    @Viher очень интересно, ведь нажатие Ctrl в коде никак не отслеживается
    – Cheg
    9 июл 2017 в 10:39

1 ответ 1

1

var mute = document.querySelector('.mute');

window.addEventListener("keydown", Sound, false);

function Sound(event) {
  if ((event.ctrlKey) && (event.keyCode == 77)) {
    if (mute.getAttribute('id') == 'mute') {
      mute.setAttribute('id', 'unmute');
    } else {
      mute.setAttribute('id', 'mute');
    }
  }
}
<button id="mute" class="mute">Кнопка</button>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.