HTML上按下輸入觸發按鈕

Question

我想扳回按鈕name=buttonexecute當有用戶按輸入鍵。有人能幫我解決這個問題嗎？

<div class="mytext1" style="height: 40px;"> 
    <br> 
    <form id="myform" method="post" style="font-size: 22px">Text : 
     <input type="text" id="search_text" name="search_text" size="44" autofocus>Extension : 
     <input type="text" id="search_extension" name="search_extension" size="4" maxlength="4">&nbsp; Sub Files 
     <input type="checkbox" id="subfolder" name="subfolder" value="0">&nbsp;&nbsp; LTO-No. 
     <input type="text" id="search_ltono" name="search_ltono" size="4" maxlength="4">&nbsp;&nbsp; 
     <input name="buttonExecute" id="endereco" 
       type="button" value="Show&nbsp;&nbsp;" 
       onclick="ajaxFunction(search_text.value,search_ltono.value,search_extension.value)" 
       autofocus> 
    </form> 
</div> 

Answer 1

在你的情況下，由於您使用的是buttonExecute按鈕內嵌onclick處理程序，你一個那麼做這樣的事情：

document.getElementById('myform').onkeyup = function (e) { 
    e = e || window.event; 
    if (e.keyCode === 13) { 
     document.getElementById('endereco').onclick(); 
     // or: ajaxFunction(search_text.value, search_ltono.value, search_extension.value) 
    } 
} 

有道。但是你真正應該做的是使用onsubmit事件並使用按鈕類型submit。然後，而不是這個詭計與輸入您可以使用此關鍵事件：

<form id="myform" method="post" onsubmit="ajaxFunction(search_text.value,search_ltono.value,search_extension.value)"> 
    <!-- ... --> 
    <input name="buttonExecute" id="endereco" 
      type="submit" value="Show&nbsp;&nbsp;" 
      autofocus> 
</form> 

onsubmit事件上提交按鈕的點擊和輸入鍵，正是你需要的解僱。

Answer 2

我用下面的方法解決了它。

function searchKeyPress(e) 
{ 
    // look for window.event in case event isn't passed in 
    if (typeof e == 'undefined' && window.event) { e = window.event; } 
    if (e.keyCode == 13) 
    { 
     document.getElementById('endereco').click(); 
    } 
} 
Text : <input type="text" onkeypress="searchKeyPress(event);" id="search_text" name="search_text" size="44" autofocus > 
<input type="text" id="search_extension" name="search_extension" onkeypress="searchKeyPress(event);" size="4" maxlength="4"> 
Sub Files <input type="checkbox" id="subfolder" name="subfolder" onkeypress="searchKeyPress(event);" value="0"> 
LTO-No. <input type="text" id="search_ltono" name="search_ltono" onkeypress="searchKeyPress(event);" size="4" maxlength="4"> 

這工作正常。