jquery - Enter キーを押したときにイベントをトリガーするにはどうすればよいですか?

Question

    $('#enter').click(function (){
        var query = $('#search').val();
        $('body').removeHighlight().highlight(query);
    });

上記は、ページ上のインスタント検索に使用するコードです。Enter キーを押すと、Enter キーを押すとすぐに .click() 関数が自動的にトリガーされるようにイベント リスナーを追加して、ユーザーが #enter 要素を手動でクリックする必要がないようにするにはどうすればよいですか。また、Enter キーを押しても、検索フィールドの値には影響しません。コードが jQuery にあると便利です。

Answer 1

jquery で keypress イベントを使用して、イベントをトリガーできます。

$('#enter').keypress(function (e){
    var code = (e.keyCode ? e.keyCode : e.which);
    if(code == 13) {
       var query = $('#search').val();
       $('body').removeHighlight().highlight(query);
    }
});

Answer 2

Enterテキストボックスからのプレスを意味していたと思いますsearch。以下を試して、これがあなたが望むものかどうか教えてください。

$('#search').keydown(function (e) {       
   if (e.which == 13) {
      e.preventDefault();
      $('#enter').click();
   }
});

以下のようにクエリ関数を変更してみてください。

$('#enter').click(function (){
    var query = $('#search').val();
    if ($.trim(query) != '')  {
      $('body').removeHighlight().highlight(query);  
    }
});

Answer 3

コメントで言ったように、このようにキープレスを使用できます

$('#search').keypress(function(event) {
    if ( event.which == 13 ) {
        $('#enter').trigger('click');
    }
})