「Enter」鍵調用javascript函數，當文本框激活

我有一個文本框和一個按鈕「Enter」鍵調用javascript函數，當文本框激活

<div class="TextField Large"> 
    <input type="text" name="q" id="SearchBox" /> 
</div> 
<div style="height: 40px; text-align: right; position: absolute; top: 0px; right: 0px;"> 
    <input type="button" value="Search" class="Button" onclick="Search()" /> 
</div>

基本上你在文本框中輸入文本，當你點擊搜索按鈕的JavaScript函數Search()叫做。

如何添加這樣的可能性，即當用戶輸入文本並按下鍵盤上的「Enter」時執行搜索？

來源

2012-04-16 Youssef

<!DOCTYPE HTML> 
<html> 
<head> 
<script type="text/javascript"> 
function Search(){ 
    alert("search!"); 
    //search logic 
    return false; 
} 
</script> 
</head> 
<body> 
    <form onsubmit="return Search()"> 
     <input type="text" name="q" /> 
     <input type="submit" value="Search" /> 
    </form> 
</body> 
</html>

這是所有

來源

2012-04-16 11:40:43 tym1193

首先：添加一個表單（對於JavaScript來說，這應該有一個服務器端回退）。

第二：將按鈕更改爲提交按鈕。

第三：將JavaScript移動到表單的提交事件，而不是按鈕的客戶端事件。

來源

2012-04-16 11:32:46 Quentin

當您輸入在表單中輸入要自動提交表單，

否則：

$('your form').keyup(function(e) { 
    if(e.which == 13) $(this).submit(); 
});

我建議你改變你的按鈕類型=「提交」，雖然對於自動輸入功能工作，然後做你的搜索（）代碼在一個提交事件處理程序

$('your form').submit(function() { 
    // your search code 
}

來源

2012-04-16 11:33:36

$('#textbox').keypress(function(event){ 
    var keycode = (event.keyCode ? event.keyCode : event.which); 
    if(keycode == '13'){ 
     alert('You pressed a "enter" key in textbox');  
    } 
});

希望這將有助於你..

來源

2014-07-18 17:13:14

「Enter」鍵調用javascript函數，當文本框激活

回答

相關問題