页面只有一个text的时候，回车自动submit的解决方法
更新时间：2010年08月12日 10:01:48 作者：
遇到一件让人很郁闷的事，在页面上的一个text元素里添加了一个回车自动发送ajax的事件，可是每次回车它都会自动提交表单并刷新页面
简单的页面html代码如下
<html>
<head>
<title>test</title>
<script language="javascript">
function test(){
if(event.which || event.keyCode){
if(event.which==13 || event.keyCode==13){
ajaxpost();
return false;
}else{
return true;
}
}
}
</script>
</head>
<body>
<form name="test" method="post" action="test.htm">
<input type='button' value='test' onclick="javascript:test()">
<input type="text" name="textfield" class="input">
</form>
</body>
</html>
为了解决这个问题，试过阻止默事件，返回false等方法，都不行。后来在网上查了一下，原来这个是ie的一个缺省操作（不过奇怪的是在firefox也是同样的情况）。解决的方法很简单，只要在页面上添加一个text元素即可，这个元素可以隐藏。
复制代码 代码如下:
<html>
<head>
<title>test</title>
<script language="javascript">
function test(){
if(event.which || event.keyCode){
if(event.which==13 || event.keyCode==13){
ajaxpost();
return false;
}else{
return true;
}
}
}
</script>
</head>
<body>
<form name="test" method="post" action="test.htm">
<input type='button' value='test' onclick="javascript:test()">
<input type="text" name="textfield" class="input">
</form>
</body>
</html>
为了解决这个问题，试过阻止默事件，返回false等方法，都不行。后来在网上查了一下，原来这个是ie的一个缺省操作（不过奇怪的是在firefox也是同样的情况）。解决的方法很简单，只要在页面上添加一个text元素即可，这个元素可以隐藏。
相关文章
这是一份报名表单，要求用户在选中“专业人士访问员”和“定性访问员”后，分别显示“可提供被访者类型”和“容易接触到的行业”的对应表单。当呈未选中状态时，这2个框也对应的隐藏起来。2008-09-09
按钮里的字可以换行吗...2006-10-10
限制复选框的最大可选数...2006-07-07
js限制文本框为整数和货币的函数代码，方便一些数据库字段的控制。2010-10-10
写代码对于我们来说很简单，但是做个布局设计简直是登天啊2008-11-11
js实现左右select列表内容交换传递，原来就是先获取当期选中select的值，然后添加到对面的select中，然后删除选中内容。2009-12-12
权限选择页面，选择、撤回、全部选择、全部撤回2012-02-02
javascript在一段文字中的光标处插入其他文字...2007-08-08
js文本中搜索关键词输入效果...2007-10-10
今天看到omeweb也修改了一个版本，做了许多修改，改得挺不错的，谢谢了。2008-07-07
最新评论