頁面只有一個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等方法，都不行。后來在網(wǎng)上查了一下，原來這個是ie的一個缺省操作（不過奇怪的是在firefox也是同樣的情況）。解決的方法很簡單，只要在頁面上添加一個text元素即可，這個元素可以隱藏。
復(fù)制代碼 代碼如下:
<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等方法，都不行。后來在網(wǎng)上查了一下，原來這個是ie的一個缺省操作（不過奇怪的是在firefox也是同樣的情況）。解決的方法很簡單，只要在頁面上添加一個text元素即可，這個元素可以隱藏。
相關(guān)文章
這是一份報名表單，要求用戶在選中“專業(yè)人士訪問員”和“定性訪問員”后，分別顯示“可提供被訪者類型”和“容易接觸到的行業(yè)”的對應(yīng)表單。當(dāng)呈未選中狀態(tài)時，這2個框也對應(yīng)的隱藏起來。2008-09-09
按鈕里的字可以換行嗎...2006-10-10
限制復(fù)選框的最大可選數(shù)...2006-07-07
js限制文本框為整數(shù)和貨幣的函數(shù)代碼，方便一些數(shù)據(jù)庫字段的控制。2010-10-10
仿校內(nèi)登陸框，精美，給那些很厲害但是沒有設(shè)計天才的程序員
寫代碼對于我們來說很簡單，但是做個布局設(shè)計簡直是登天啊2008-11-11
select列表內(nèi)容交換的js實現(xiàn)代碼
js實現(xiàn)左右select列表內(nèi)容交換傳遞，原來就是先獲取當(dāng)期選中select的值，然后添加到對面的select中，然后刪除選中內(nèi)容。2009-12-12
js模擬權(quán)限選擇實現(xiàn)代碼(select操作)
權(quán)限選擇頁面，選擇、撤回、全部選擇、全部撤回2012-02-02
javascript在一段文字中的光標處插入其他文字...2007-08-08
js文本中搜索關(guān)鍵詞輸入效果...2007-10-10
今天看到omeweb也修改了一個版本，做了許多修改，改得挺不錯的，謝謝了。2008-07-07