Html 按下回车键触发一个按钮
当用户按Enter键时,我想按下按钮Html 按下回车键触发一个按钮,html,Html,当用户按Enter键时,我想按下按钮name=buttonnexecute。有人能帮我吗 <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" s
name=buttonnexecute
。有人能帮我吗
<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"> Sub Files
<input type="checkbox" id="subfolder" name="subfolder" value="0"> LTO-No.
<input type="text" id="search_ltono" name="search_ltono" size="4" maxlength="4">
<input name="buttonExecute" id="endereco"
type="button" value="Show "
onclick="ajaxFunction(search_text.value,search_ltono.value,search_extension.value)"
autofocus>
</form>
</div>
正文:
分机:
子文件
LTO-No。
在您的情况下,由于您在按钮执行
按钮上使用内联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 "
autofocus>
</form>
onsubmit
事件在单击submit按钮并输入所需的键时触发。我用以下方法解决了这个问题
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">
功能搜索按键(e)
{
//查找window.event,以防事件未传入
如果(typeof e=='undefined'&&window.event){e=window.event;}
如果(e.keyCode==13)
{
document.getElementById('endereco')。单击();
}
}
正文:
子文件
LTO-No。
这很好。您能为您的问题添加一些代码吗?