jQuery:指定したキーでボタンを出現させたい

Question

前提・実現したいこと

指定のキーを押した時にボタンを出現させたいです。

発生している問題・エラーメッセージ

どのキーを押しても出てくるのでスペースなど指定したキーを押したら出てくるよう変更したいです。

該当のソースコード

    $(function() {
      $(window).keydown(function(e) {
        $('.btn').show();
      });
    });

試したこと

補足情報（FW/ツールのバージョンなど）

Answer 1

KeyboardEvent
で受け取ったeventのkeyで判断すると良いです。
（keyCodeで判断するのが昔は主流だったかと思いますが廃止されたようです）

Comments

[riii_n]

回答ありがとうございました！
解決できました！

[m.ts10806]

コードで解決は良いのですが、概念は理解しておいてくださいね。

Answer 2

inputなどの入力時に反応させたくないなど調整が必要でしょう
たとえばこんな感じ

<script>
$(function(){
  $('.btn').hide();
  $(document).on('keydown',function(e){
    if(!(e.target instanceof HTMLInputElement) && e.keyCode==32){
      $('.btn').show();
    }
  });
});
</script>
<input type="text" name="hoge">
<input type="button" class="btn" value="btn1">
<input type="button" class="btn" value="btn2">
<input type="button" class="btn" value="btn3">

Comments

[riii_n]

回答ありがとうございます。
こちらのコードで解決できました！