javascript - キー押下時にアラートを表示

Question

ユーザーが検索バーで任意のキーを押したときにメッセージを表示しようとしています。何度か試した後、私はそれを行うことができません。

<form method="get" >
    <input type="submit" value="Search" class="btn" >
    <input name="q" type="text" id="search" size="32" maxlength="128" class="txt" >
</form>

以下は私のJavaScriptです：

$("#search").keyup(function() {                                                   // function starts when a key is entered in the search bar
  window.alert("Handler for .keyup() called.");     
});

Answer 1

コードを でラップ$(document).readyして、dom がロードされていることを確認してください。

$(document).ready(function(){
    $("#search").keyup(function() {                                                   // function starts when a key is entered in the search bar
      window.alert("Handler for .keyup() called.");     
    });
});

Answer 2

準備ができたら

$(document).ready(function(){
   $("#search").keyup(function() {                                                   //             

   //function starts when a key is entered in the search bar
   window.alert("Handler for .keyup() called.");     
   });
});

Answer 3

コンソールで JS エラーをチェックしてalert("Handler for .keyup() called.");ください。$(document).ready(function(){});さらに、コードを追加するか、コードをページの最後に配置してみてください。ID検索で入力フィールドが存在することを確認してください。

$(document).ready(function(){
    $("#search").keyup(function() {                     
      window.alert("Handler for .keyup() called.");     
    });
});

Answer 4

コードをドキュメントの準備ができたコールバックに配置します..それだけのためにアラートが表示されません。

$(function(){
   $("#search").keyup(function() {            
   //function starts when a key is entered in the search bar
     window.alert("Handler for .keyup() called.");     
    });
});