頁面只有一個text的時候，回車自動submit的解決方法
更新時間：2010年08月12日 10:01:48 作者：
遇到一件讓人很郁悶的事，在頁面上的一個text元素里添加了一個回車自動發(fā)送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元素即可，這個元素可以隱藏。
相關文章
這是一份報名表單，要求用戶在選中“專業(yè)人士訪問員”和“定性訪問員”后，分別顯示“可提供被訪者類型”和“容易接觸到的行業(yè)”的對應表單。當呈未選中狀態(tài)時，這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