頁(yè)面只有一個(gè)text的時(shí)候，回車(chē)自動(dòng)submit的解決方法
更新時(shí)間：2010年08月12日 10:01:48 作者：
遇到一件讓人很郁悶的事，在頁(yè)面上的一個(gè)text元素里添加了一個(gè)回車(chē)自動(dòng)發(fā)送ajax的事件，可是每次回車(chē)它都會(huì)自動(dòng)提交表單并刷新頁(yè)面
簡(jiǎn)單的頁(yè)面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>
為了解決這個(gè)問(wèn)題，試過(guò)阻止默事件，返回false等方法，都不行。后來(lái)在網(wǎng)上查了一下，原來(lái)這個(gè)是ie的一個(gè)缺省操作（不過(guò)奇怪的是在firefox也是同樣的情況）。解決的方法很簡(jiǎn)單，只要在頁(yè)面上添加一個(gè)text元素即可，這個(gè)元素可以隱藏。
復(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>
為了解決這個(gè)問(wèn)題，試過(guò)阻止默事件，返回false等方法，都不行。后來(lái)在網(wǎng)上查了一下，原來(lái)這個(gè)是ie的一個(gè)缺省操作（不過(guò)奇怪的是在firefox也是同樣的情況）。解決的方法很簡(jiǎn)單，只要在頁(yè)面上添加一個(gè)text元素即可，這個(gè)元素可以隱藏。
相關(guān)文章
javascript下一種表單元素獲取方法存在的問(wèn)題
在工作中, 我?？吹竭@樣一種獲取表單元素的方法:var eles = document.forms['表單名'].elements['元素名']; 如果對(duì)獲取到的結(jié)果進(jìn)行遍歷操作, 那么, 我要告訴你: 小心, eles.length的值可能為undefined.2010-01-01
javascript實(shí)現(xiàn)上傳圖片前的預(yù)覽（TX的面試題）
javascript實(shí)現(xiàn)上傳圖片前的預(yù)覽（TX的面試題）...2007-08-08
帶Checkbox的列表框...2006-08-08
兼容ie和firefox版本的js反選 全選 多選框...2007-10-10
仿校內(nèi)登陸框，精美，給那些很厲害但是沒(méi)有設(shè)計(jì)天才的程序員
寫(xiě)代碼對(duì)于我們來(lái)說(shuō)很簡(jiǎn)單，但是做個(gè)布局設(shè)計(jì)簡(jiǎn)直是登天啊2008-11-11
FormValid0.5版本發(fā)布，帶ajax自定義驗(yàn)證例子
FormValid0.5版本發(fā)布，帶ajax自定義驗(yàn)證例子...2007-08-08
CSS3實(shí)現(xiàn)動(dòng)態(tài)背景登錄框的代碼
本文介紹了一款基于jQuery+CSS3實(shí)現(xiàn)的帶有動(dòng)畫(huà)效果的動(dòng)態(tài)背景登陸框特效，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2015-07-07
js數(shù)據(jù)驗(yàn)證集合、js email驗(yàn)證、js url驗(yàn)證、js長(zhǎng)度驗(yàn)證、js數(shù)字驗(yàn)證等簡(jiǎn)單封裝
js數(shù)據(jù)驗(yàn)證集合，進(jìn)行了封裝推薦大家學(xué)習(xí)使用。里面有例子測(cè)試代碼。2010-05-05
JavaScript控制文本框的值連續(xù)加減，一方面學(xué)習(xí)如何適時(shí)對(duì)文本框賦值，另一方面學(xué)習(xí)如何在對(duì)象上進(jìn)行運(yùn)算，很有用處哦。2009-10-10
javascript據(jù)option的value值快速設(shè)定初始的selected選項(xiàng)
javascript據(jù)option的value值快速設(shè)定初始的selected選項(xiàng)...2007-08-08