在按鍵時顯示提示

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