首頁  >  文章  >  web前端  >  利用JS屏蔽頁面中的Enter按鍵提交表單的方法

利用JS屏蔽頁面中的Enter按鍵提交表單的方法

高洛峰
高洛峰原創
2016-12-05 13:07:531190瀏覽

如在設定了JS代碼回應

標籤的Enter按鍵觸發事件時,根據冒泡型事件原則該事件會一直傳到表單處,並將表單提交。這不是我們想要的效果,我們可以設定如下程式碼來封鎖:

$(document).keydown(function(event){
  switch(event.keyCode){
     case 13:return false;
     }
});

   

但是,如果頁面中有按鈕時在Opera瀏覽器中同樣會提交表單,這是因為按鈕在產生的HTML程式碼中是submit類型的,解決方法是:在按鈕中設定UseSubmitbehavior="false",這樣按鈕在頁面中產生的HTML程式碼中是button類型的。


陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn