<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
}
}
按回车不提交,进入下一个输入框或者进入下一个选项