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

这可能会有帮助