页面只有一个text的时候，回车将自动submit。

最新推荐文章于 2025-12-21 13:28:14 发布

转载最新推荐文章于 2025-12-21 13:28:14 发布 · 88 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/pao8041/archive/2010/08/11/1797084.html

文章标签：

#javascript #ViewUI

本文介绍了一种常见的网页交互问题：当用户在输入框内按下回车键时，默认触发表单提交并刷新页面。通过添加隐藏的文本元素，并使用JavaScript拦截回车键事件，可以有效避免此默认行为，实现按需触发AJAX请求。

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

转载于:https://www.cnblogs.com/pao8041/archive/2010/08/11/1797084.html