jQueryを使ってエンターキーでクリック時と同じ動作

Question

前提・実現したいこと

特定のa要素をクリックする動作をエンターキーで実行したいです(jQuery、HTML)

エンターキーを押す→"enter"クラスが削除され、"after-enter"クラスを追加し表示させる

該当のソースコード

<div class="background"> <div class="title"> <p class="title-word">Welcome to</p>

    <h1 display="block" class="title-word">Inowootan Portfolio Sites</h1>
    <div class="enter-container">
      <a href="#" class="enter">ENTER</a>
    </div>
  </div>
</div>

<div class="after-enter">
  <h1></h1>
</div>

<script> $(".enter").click(function(){ $('.title').fadeOut(500).queue(function() {this.remove()}).$('.after-enter').css("display","block"); }); </script>

試したこと

ソースコードの動作

Comments

[m.ts10806]

・enterするとどうする想定なのか不明
・自身で調べたこと試したことが不明

質問を編集して追記願います

[inoueKush]

不明な点が多く申しわけありません。編集しました。

[m.ts10806]

編集反映されていないようです。

Answer 1

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(function(){
  $(window).on('keydown',function(e){
    if(e.keyCode==13) $('.enter').trigger('click');
  });
  $('.enter').on('click',function(){
    console.log('enter');
  });
});
</script>
<div class="enter-container">
<a href="#" class="enter">ENTER</a>
</div>