利用JS屏蔽頁(yè)面中的Enter按鍵提交表單的方法
更新時(shí)間：2016年11月25日 10:06:15 投稿：jingxian
下面小編就為大家?guī)?lái)一篇利用JS屏蔽頁(yè)面中的Enter按鍵提交表單的方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
如在設(shè)置了JS代碼響應(yīng)<p>標(biāo)簽的Enter按鍵觸發(fā)事件時(shí)，根據(jù)冒泡型事件原則該事件會(huì)一直傳到<from>表單處，并將表單提交。這不是我們想要的效果，我們可以設(shè)置如下代碼來(lái)加以屏蔽：
$(document).keydown(function(event){
switch(event.keyCode){
case 13:return false;
}
});
但是，如果頁(yè)面中有按鈕時(shí)在Opera瀏覽器中同樣會(huì)提交表單，這是因?yàn)榘粹o在生成的HTML代碼中是submit類型的，解決辦法是：在按鈕中設(shè)置UseSubmitbehavior="false"，這樣按鈕在頁(yè)面中生成的HTML代碼中是button類型的。
以上這篇利用JS屏蔽頁(yè)面中的Enter按鍵提交表單的方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
微信小程序 配置頂部導(dǎo)航條標(biāo)題顏色的實(shí)現(xiàn)方法
這篇文章主要介紹了微信小程序 配置頂部導(dǎo)航條標(biāo)題顏色的實(shí)現(xiàn)方法的相關(guān)資料,希望通過(guò)本文能幫助到大家，需要的朋友可以參考下2017-09-09
JavaScript中的Array對(duì)象與其他編程語(yǔ)言中的數(shù)組一樣，是一組數(shù)據(jù)的集合。在JavaScript中，數(shù)組里面的數(shù)據(jù)可以是不同類型的，并具有用于執(zhí)行數(shù)組常見(jiàn)操作的方法，本文整理了一些常用的，需要的可以參考一下2022-10-10
前端百度地圖添加點(diǎn)并跳轉(zhuǎn)到百度地圖進(jìn)行導(dǎo)航完整代碼
web開(kāi)發(fā)過(guò)程中經(jīng)常碰到需要調(diào)用百度地圖來(lái)視線定位導(dǎo)航的過(guò)程,許多技術(shù)博客上介紹的都是調(diào)用百度地圖的api,這篇文章主要給大家介紹了關(guān)于前端百度地圖添加點(diǎn)并跳轉(zhuǎn)到百度地圖進(jìn)行導(dǎo)航的相關(guān)資料,需要的朋友可以參考下2024-07-07
技術(shù)男用來(lái)對(duì)妹子表白的百度首頁(yè)
這篇文章主要介紹了技術(shù)男用來(lái)對(duì)妹子表白的百度首頁(yè),非常有創(chuàng)意、有意思,需要的朋友可以參考下2014-07-07
本文給大家詳細(xì)介紹了JavaScript中的六種錯(cuò)誤類型,需要的朋友可以參考下2017-09-09
這篇文章主要為大家詳細(xì)介紹了微信小程序自定義用戶登錄彈窗，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-06-06
完美實(shí)現(xiàn)bootstrap分頁(yè)查詢
這篇文章主要介紹了一個(gè)完美的bootstrap分頁(yè)查詢，如何利用bootstrap實(shí)現(xiàn)分頁(yè)查詢，本文將為大家進(jìn)行揭曉2015-12-12
關(guān)于JavaScript的gzip靜態(tài)壓縮方法
關(guān)于JavaScript的gzip靜態(tài)壓縮方法...2007-01-01
使用Perl和庫(kù)WWW::Curl的爬蟲(chóng)程序步驟
本文給大家分享在Perl中使用WWW::Curl庫(kù)編寫爬蟲(chóng)程序的步驟和方法,感興趣的朋友跟隨小編一起看看吧2025-03-03
javascript操作表格...2006-07-07