利用JS屏蔽頁(yè)面中的Enter按鍵提交表單的方法
如在設(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)文章
js點(diǎn)擊返回跳轉(zhuǎn)到指定頁(yè)面實(shí)現(xiàn)過(guò)程
這篇文章主要為大家詳細(xì)介紹了js點(diǎn)擊返回跳轉(zhuǎn)到指定頁(yè)面實(shí)現(xiàn)過(guò)程,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-04-04JavaScript中去掉數(shù)組中的重復(fù)值的實(shí)現(xiàn)方法
百度面試時(shí)問(wèn)的一道題目,蠻常規(guī)的,但是當(dāng)時(shí)自己的回答挺差勁的。現(xiàn)在總結(jié)記錄下~2011-08-08js面向?qū)ο笾R?jiàn)創(chuàng)建對(duì)象的幾種方式(工廠模式、構(gòu)造函數(shù)模式、原型模式)
JS的語(yǔ)法非常靈活,簡(jiǎn)單的對(duì)象創(chuàng)建就有好幾種不同的方法。這些過(guò)于靈活的地方有時(shí)候確實(shí)很讓人迷惑,那么今天我們就來(lái)梳理一下JS中常用的創(chuàng)建對(duì)象的幾種方法吧2015-11-11json前后端數(shù)據(jù)交互相關(guān)代碼
本篇文章給大家分享了關(guān)于json前后端數(shù)據(jù)交互方法實(shí)現(xiàn)的相關(guān)知識(shí)點(diǎn)內(nèi)容,有興趣的讀者們可以參考學(xué)習(xí)下。2018-09-09JavaScript實(shí)現(xiàn)簡(jiǎn)單的計(jì)算器
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)簡(jiǎn)單的計(jì)算器,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-01-01postcss-pxtorem實(shí)現(xiàn)頁(yè)面自適應(yīng)的原理解析
postcss-pxtorem是一個(gè)PostCSS插件,用于將CSS中的像素值轉(zhuǎn)換為rem單位,以實(shí)現(xiàn)響應(yīng)式布局和適配不同屏幕尺寸的需求,本文給大家介紹postcss-pxtorem實(shí)現(xiàn)頁(yè)面自適應(yīng)的原理解析,感興趣的朋友一起看看吧2023-12-12JavaScript實(shí)現(xiàn)左右滾動(dòng)電影畫(huà)布
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)左右滾動(dòng)電影畫(huà)布,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-02-02Echarts在Taro微信小程序開(kāi)發(fā)中的踩坑記錄
這篇文章主要介紹了Echarts在Taro微信小程序開(kāi)發(fā)中的踩坑記錄,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-11-11谷歌瀏覽器 insertCell與appendChild的區(qū)別
table中增加單元格時(shí) 在谷歌瀏覽器中使用insertCell方法增加列時(shí),顯示結(jié)果的先后順序與程序執(zhí)行的先后順序相反2009-02-02