利用JS屏蔽頁面中的Enter按鍵提交表單的方法
更新時間：2016年11月25日 10:06:15 投稿：jingxian
下面小編就為大家?guī)硪黄肑S屏蔽頁面中的Enter按鍵提交表單的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
如在設(shè)置了JS代碼響應(yīng)<p>標簽的Enter按鍵觸發(fā)事件時，根據(jù)冒泡型事件原則該事件會一直傳到<from>表單處，并將表單提交。這不是我們想要的效果，我們可以設(shè)置如下代碼來加以屏蔽：
$(document).keydown(function(event){
switch(event.keyCode){
case 13:return false;
}
});
但是，如果頁面中有按鈕時在Opera瀏覽器中同樣會提交表單，這是因為按鈕在生成的HTML代碼中是submit類型的，解決辦法是：在按鈕中設(shè)置UseSubmitbehavior="false"，這樣按鈕在頁面中生成的HTML代碼中是button類型的。
以上這篇利用JS屏蔽頁面中的Enter按鍵提交表單的方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
js點擊返回跳轉(zhuǎn)到指定頁面實現(xiàn)過程
這篇文章主要為大家詳細介紹了js點擊返回跳轉(zhuǎn)到指定頁面實現(xiàn)過程，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-04-04
JavaScript中去掉數(shù)組中的重復(fù)值的實現(xiàn)方法
百度面試時問的一道題目，蠻常規(guī)的，但是當時自己的回答挺差勁的?，F(xiàn)在總結(jié)記錄下~2011-08-08
js面向?qū)ο笾Ｒ妱?chuàng)建對象的幾種方式(工廠模式、構(gòu)造函數(shù)模式、原型模式)
JS的語法非常靈活，簡單的對象創(chuàng)建就有好幾種不同的方法。這些過于靈活的地方有時候確實很讓人迷惑，那么今天我們就來梳理一下JS中常用的創(chuàng)建對象的幾種方法吧2015-11-11
json前后端數(shù)據(jù)交互相關(guān)代碼
本篇文章給大家分享了關(guān)于json前后端數(shù)據(jù)交互方法實現(xiàn)的相關(guān)知識點內(nèi)容，有興趣的讀者們可以參考學(xué)習下。2018-09-09
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)簡單的計算器，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-01-01
postcss-pxtorem實現(xiàn)頁面自適應(yīng)的原理解析
postcss-pxtorem是一個PostCSS插件,用于將CSS中的像素值轉(zhuǎn)換為rem單位,以實現(xiàn)響應(yīng)式布局和適配不同屏幕尺寸的需求,本文給大家介紹postcss-pxtorem實現(xiàn)頁面自適應(yīng)的原理解析,感興趣的朋友一起看看吧2023-12-12
下面的代碼在需要設(shè)置IE安全級別低才能正常運行，貼出來主要是可以學(xué)習這方面的技術(shù)的朋友參考下。2010-11-11
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)左右滾動電影畫布，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-02-02
這篇文章主要介紹了Echarts在Taro微信小程序開發(fā)中的踩坑記錄，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習或者工作具有一定的參考學(xué)習價值，需要的朋友們下面隨著小編來一起學(xué)習學(xué)習吧2020-11-11
谷歌瀏覽器 insertCell與appendChild的區(qū)別
table中增加單元格時 在谷歌瀏覽器中使用insertCell方法增加列時，顯示結(jié)果的先后順序與程序執(zhí)行的先后順序相反2009-02-02