Javascript 在输入文本字段中按enter键以提交表单
在我的代码中,我希望能够按下回车键,然后按下输入按钮。 目前我运气不好,对我的代码有什么建议吗?谢谢Javascript 在输入文本字段中按enter键以提交表单,javascript,forms,dom,click,eventhandler,Javascript,Forms,Dom,Click,Eventhandler,在我的代码中,我希望能够按下回车键,然后按下输入按钮。 目前我运气不好,对我的代码有什么建议吗?谢谢 <form> <input type="text" id="input" placeholder="Enter your name"> <input type="button" id="button" value="enter"> </form> <h1 id="output">Please Complete
<form>
<input type="text" id="input" placeholder="Enter your name">
<input type="button" id="button" value="enter">
</form>
<h1 id="output">Please Complete Form</h1>
<script>
var button = document.getElementById("button");
var input;
var output;
button.addEventListener("click", clickHandler, false);
input.addEventListener("keypress", handle, false);
function clickHandler () {
input = document.getElementById("input");
output = document.getElementById("output");
output.innerHTML = input.value;
}
function handle(e){
if(e.keyCode==13){
document.getElementById('button').click();
}
}
</script>
请填写表格
var button=document.getElementById(“按钮”);
var输入;
var输出;
addEventListener(“单击”,clickHandler,false);
input.addEventListener(“按键”,句柄,false);
函数clickHandler(){
输入=document.getElementById(“输入”);
输出=document.getElementById(“输出”);
output.innerHTML=input.value;
}
函数句柄(e){
如果(e.keyCode==13){
document.getElementById('button')。单击();
}
}
您不需要在输入上附加keypress
事件,因为按下enter
键时提交表单是输入类型文本的一种性质
注意:当addEventListener
连接到变量时,变量输入
未定义,因此它会产生错误
试试这个:
var-button=document.getElementById(“按钮”);
var输入=document.getElementById(“输入”);
addEventListener(“单击”,clickHandler,false);
函数clickHandler(){
var output=document.getElementById(“输出”);
output.innerHTML=input.value;
}
请填写表格
您不需要在输入上附加keypress
事件,因为按下enter
键时提交表单是输入类型文本的一种性质
注意:当addEventListener
连接到变量时,变量输入
未定义,因此它会产生错误
试试这个:
var-button=document.getElementById(“按钮”);
var输入=document.getElementById(“输入”);
addEventListener(“单击”,clickHandler,false);
函数clickHandler(){
var output=document.getElementById(“输出”);
output.innerHTML=input.value;
}
请填写表格
试试这个
<input type="text" id="input" placeholder="Enter your name" onkeydown="if (event.keyCode == 13) { this.form.submit(); return false; }">
这可能会有帮助。试试这个
<input type="text" id="input" placeholder="Enter your name" onkeydown="if (event.keyCode == 13) { this.form.submit(); return false; }">
这可能会有帮助