在HTML頁(yè)里面由于使用了form，常常需要禁用enter提交表單。因?yàn)閮?nèi)容頁(yè)或者母版頁(yè)自身有如果有type="submit"的button,當(dāng)textbox聚焦時(shí)，按下enter都會(huì)觸發(fā)表單的默認(rèn)提交（不論是IE還是firefox），于是需要在onkeydown中監(jiān)聽用戶的按鍵。實(shí)際測(cè)試，IE8中導(dǎo)致表單提交的不確定因素太多，點(diǎn)擊表單的table中的td都會(huì)觸發(fā)表單提交，而firefox則不會(huì)；于是在ie和ff中禁用表單提交需要不同的思路。

對(duì)于IE：

只有當(dāng)事件源是TEXTAREA時(shí)才return true，允許默認(rèn)動(dòng)作；其他元素全部return false，禁止表單提交和任何響應(yīng)。

對(duì)于firefox：

只有當(dāng)事件源是INPUT時(shí)才return false禁止表單默認(rèn)動(dòng)作；而其他元素則return true允許默認(rèn)動(dòng)作，比如textarea的多行輸入。

于是完整的代碼如下：

<mce:script language="javascript" type="text/javascript"><!-- 
 //禁用Enter鍵表單自動(dòng)提交 
  document.onkeydown = function(event) { 
   var target, code, tag; 
   if (!event) { 
    event = window.event; //針對(duì)ie瀏覽器 
    target = event.srcElement; 
    code = event.keyCode; 
    if (code == 13) { 
     tag = target.tagName; 
     if (tag == "TEXTAREA") { return true; } 
     else { return false; } 
    } 
   } 
   else { 
    target = event.target; //針對(duì)遵循w3c標(biāo)準(zhǔn)的瀏覽器，如Firefox 
    code = event.keyCode; 
    if (code == 13) { 
     tag = target.tagName; 
     if (tag == "INPUT") { return false; } 
     else { return true; } 
    } 
   } 
  }; 
  
// --></mce:script> 

將上述的javascript代碼應(yīng)用于需要禁用Enter鍵自動(dòng)提交表單的頁(yè)面，經(jīng)測(cè)試IE，F(xiàn)irefox和Chrome瀏覽器都完美解決Enter鍵自動(dòng)提交表單問(wèn)題。

以上這篇HTML頁(yè)面禁用Enter鍵自動(dòng)提交表單的方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

最新評(píng)論