Question

当用户按 Enter 键时，我想跳转按钮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。然后用 Enter 键事件代替这个恶作剧你可以使用它：

<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">

这很好用。

按下输入的HTML触发按钮

2 个答案: