js怎么实现回车直接提交?

JavaScript013

js怎么实现回车直接提交?,第1张

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html charset=gb2312" />

<title>

无标题文档

</title>

<script language="javascript">  

document.onkeydown = function(e) {

e = e || window.event

if(e.keyCode == 13) {

this.forms["form"].submit()

return false

}

}

</script>

</head>

<body>

<form id="form" action="b.asp" method="get">

<input type="text" name="name" />

<input type="submit" value="提交" /> 

<input type="reset" value="重置" />

</form>

</body>

</html>

一、设计思路:设计一个简单的输入对话框,然后按下enter进行输入事件。

二、聊天输入框的代码如下:

三、此时的页面展示如下:

四:设计函数,使得输入文字时,按下按钮可以提交到聊天框。

五、此时在页面上测试,输入一段文字:

六、执行结果如下:

七、设计函数,使得按下enter跟按钮同样的功能:

八、刷新页面,测试:

EventUtil=function(){

this.onReady=function(handler){

window.onload=handler

}

}

var e = new EventUtil()

e.onReady(function(){

var form = document.getElementById("form1")

var a = form.elements

for(var i=0i<a.lengthi++){

a[i].onkeydown=move

}

})

//9是Tab键

var move=function(){

if(event.keyCode==13){

event.keyCode=9

}

}

按回车不提交,进入下一个输入框或者进入下一个选项