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.");     
    });
});

按键显示警报

4 个答案: