javascript - キーボードのキー S を押して div を変更するには?

Question

私は2つのdivを持っています

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

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

div "summary-cont" は非表示です。表示: なし;

私はこのように作業したい：キーボードボタン「S」を押すと、div「summary」が非表示になり、div「summary-cont」が表示されます

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)
    }
});