頁面只有一個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)文章
仿校內(nèi)登陸框,精美,給那些很厲害但是沒有設(shè)計天才的程序員
寫代碼對于我們來說很簡單,但是做個布局設(shè)計簡直是登天啊2008-11-11select列表內(nèi)容交換的js實現(xiàn)代碼
js實現(xiàn)左右select列表內(nèi)容交換傳遞,原來就是先獲取當(dāng)期選中select的值,然后添加到對面的select中,然后刪除選中內(nèi)容。2009-12-12js模擬權(quán)限選擇實現(xiàn)代碼(select操作)
權(quán)限選擇頁面,選擇、撤回、全部選擇、全部撤回2012-02-02