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

尝试将代码包装在 a$(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.");     
    });
});