Question

我在JS＆amp; amp;编码一个简单的计算器HTML。我正在使用 onclick 事件作为输入类型按钮。一切都很好但是这个表单只处理数据，如果我点击按钮，但如果我从键盘按ENTER键不起作用。

这是我的HTML代码

 <form> <input type="text" id="number1"/> 
<select id="operator"> 
<option value="+">+</option> 
<option value="-">-</option>
 <option value="*">*</option> 
<option value="/">/</option> 
</select> 
<input type="text" id="number2"/> 
<input type="button" onclick="getData('data.php','divTarget')" value="Calculate"/> 
</form>

注意：我可能在此页面上有多个表单，因此我无法使用event.keyCode == 13 onkeydown 事件。因为如果我按ENTER键，它可以处理任何形式。并且不需要Jquery。

Answer 1

您可以在表单中使用onsubmit处理程序。您只需检查按钮单击，按Enter键时不会发生这种情况。

因此请更改表单标记：

<form onsubmit="getData('data.php','divTarget'); return false;">

按钮：

<input type="submit" value="Calculate"/>

Answer 2

如果您在输入字段中输入内容，则应提交表格，然后按：

var inputField = document.getElementById("number2");
inputField.onkeyup(function(e) { 
        if ( e.keyCode == 13 ) {
            document.getElementsByTagName('form').submit();
        }
    } 
);

Answer 3

然后只需编入代码！

<input type = "text"
       id = "txtSearch" 
       onkeydown = "if (event.keyCode == 13)
                        document.getElementById('btnSearch').click()"    
/>

<input type = "button"
       id = "btnSearch"
       value = "Search"
       onclick = "doSomething();"
/>

如何在Javascript HTML表单中使用Enter Button和onclick

3 个答案: