Как изменить div, нажав клавишу клавиатуры S?

Question

У меня есть две дивы

<div class="summary">Summary</div> 

<div class="summary-cont"><p>Content...</p></div> 

ДИВ "Резюме-прод" скрыта, дисплей: нет;

Я хочу работать так: я нажимаю на клавиатуре кнопку «S», а затем Div «Резюме» скрывает и показывает ДИВ «Резюме-прод»

Кто-нибудь знает, как сделать это с помощью JavaScript?

Вот рабочий код:

<script> 
$(document).keyup(function(e) { 
    if (e.keyCode == 83) { $('.summary').hide(); }  // S 
    if (e.keyCode == 83) { $('.summary-cont').show(); } // S 
}); 
</script> 

Answer 1

Это будет делать для вас либо S или s характер.

Использование Javascript

document.onkeydown = function(e) { // or document.onkeypress 
    e = e || window.event; 
    if (e.keyCode == 115 || e.keyCode == 83) { 
     alert("do something"); 
    } 
}; 

Использование jQuery библиотеки. Если у вас есть коробка input.

$('input').bind('keypress', function(e) { 
    var code = (e.keyCode ? e.keyCode : e.which); 
    if(code == 115 || code == 83) { //Keycode for alphabets S(83) & s(115) 
     //Do something (show your div) 
    } 
}); 

Для решения без коробки input вы можете попробовать этот вариант.

$(document).bind('keypress', function(e) { 
    var code = (e.keyCode ? e.keyCode : e.which); 
    if(code == 115 || code == 83) { //Keycode for alphabets S(83) & s(115) 
     //Do something (show your div) 
    } 
});