遇到一件让人很郁闷的事，在页面上的一个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>
<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元素即可，这个元素可以隐藏。