-1

ページの上部に検索バーがあるページに投稿のリストがあります。ユーザーがEnterキーを押したときに検索バーの内容を取得する方法はありますか?

フォームを送信したくありませんが、ページを離れずに検索バーの内容を取得したいです。を使用してフィールドの内容を取得できると思いますが$("#txt_name").attr('value');、ユーザーが検索ボックス内でEnterキーを押したときに値を取得できる方法はありますか?

<div>次に、彼らが検索する内容に応じて、 IDをチェックして一致するかどうかを確認できます。それらが一致しない場合は、それらをフェードアウトします...

4

2 に答える 2

2

入力要素にイベントハンドラー関数をアタッチできます

var $search = $("#txt_name").on('keyup', function (e) {
  if (e.keyCode == 13) {
    alert($search.val());
  }
})
于 2013-02-01T18:22:07.207 に答える
2

このようなものが役立つはずです：

http://jsfiddle.net/Batfan/vWMXm/

これは、入力フィールドで押される[Enter]キーをリッスンし、クエリに一致するテキストが含まれているかどうかに基づいて要素を表示/非表示にします。すべての結果は空白の検索で表示されます。以下を参照してください：

$(document).on("keypress","#searchbox",function(e){
    var userVal = $(this).val();
    if(e.which == 13) {
      $( "li" ).each(function() {
          if($(this).text().match(new RegExp(userVal, "i"))) {
              $(this).show();
          } else if(userVal == "") {
               $(this).show();   
          } else {
               $(this).hide();   
          }
       });
    }
    e.stopPropagation();
});
于 2013-02-01T18:52:38.663 に答える