大家對回車鍵的功能應(yīng)該比較熟悉，比如在windows系統(tǒng)的很多應(yīng)用程序中，只要點擊回車鍵就可以進(jìn)入此程序或者開啟某項功能，不過有時候我們希望阻止它的功能，例如在填寫表單的時候，可能不小心點擊回車鍵造成表單誤提交，下面就來簡單介紹一下如何實現(xiàn)此功能。代碼實例如下:

如何防止回車（enter）鍵提交表單，其實很簡單，就一句話。onkeydown="if(event.keyCode==13)return false;"把這句寫在from標(biāo)簽里面就好了。

<!DOCTYPE html> 
<html> 
<head> 
<meta charset=" utf-8"> 
<title>屏蔽回車提交表單功能</title>
<script type="text/javascript">
window.onload=function()
{
 var myform=document.getElementById("myform");
 myform.onkeypress=function(ev)
 {
  var ev=window.event||ev;
  if(ev.keyCode==13||ev.which==13)
  {
    return false;
   }
 }
}
</script>
</head>
<body>
<p>在表單中回車默認(rèn)會提交表單，在form的onkeypress事件中處理，只要返回false就可禁用回車提交表單</p>
<form id="myform">
<input type="text" name="username"/>
<input type="submit" value="提交"/>
</form>
</body>
</html>

以上代碼可以屏蔽點擊回車提交表單的功能。代碼簡單易懂，有不明白的歡迎提出寶貴意見，謝謝大家一直以來對腳本之家網(wǎng)站的支持。

您可能感興趣的文章:

相關(guān)文章

JavaScript轉(zhuǎn)換與解析JSON方法實例詳解
這篇文章主要介紹了JavaScript轉(zhuǎn)換與解析JSON方法,實例分析了JavaScript解析json的技巧,并附帶分析了jQuery解析與轉(zhuǎn)換json的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-11-11
IE中createElement需要注意的一個問題
最近有讀者求助，說在iframe中，創(chuàng)建一個元素，然后添加到父頁面中在ie6，ie7中行不通，而firefox和IE8可以。
2010-07-07
詳解JavaScript函數(shù)對象
函數(shù)是由事件驅(qū)動的或者當(dāng)它被調(diào)用時執(zhí)行的可重復(fù)使用的代碼塊，JavaScript 中的所有事物都是對象：字符串、數(shù)值、數(shù)組、函數(shù)，下面通過本文給大家介紹JavaScript函數(shù)對象，感興趣的朋友一起學(xué)習(xí)吧
2015-11-11
微信小程序?qū)崿F(xiàn)吸頂效果的方法實例
在微信小程序的開發(fā)中,經(jīng)常會有列表分類標(biāo)簽隨著界面滾動吸頂?shù)男Ч?下面這篇文章主要給大家介紹了關(guān)于微信小程序?qū)崿F(xiàn)吸頂效果的相關(guān)資料,需要的朋友可以參考下
2021-08-08
javascript 構(gòu)造函數(shù)強(qiáng)制調(diào)用經(jīng)驗總結(jié)
本文將介紹javascript構(gòu)造函數(shù)調(diào)用方面的案例應(yīng)用，需要了解的朋友可以參考下
2012-12-12
JS觸摸與手勢事件詳解
這篇文章主要為大家詳細(xì)介紹了JS觸摸與手勢事件的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-05-05
微信小程序如何實現(xiàn)在線客服功能
這篇文章主要介紹了微信小程序如何實現(xiàn)在線客服功能,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
2019-10-10
javascript實現(xiàn)下拉菜單效果
這篇文章主要為大家詳細(xì)介紹了javascript實現(xiàn)下拉菜單，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-02-02
js去字符串前后空格的實現(xiàn)方法
這篇文章主要介紹了js去字符串前后空格的實現(xiàn)方法，重點推薦使用正則的方式，感興趣的小伙伴們可以參考一下
2016-02-02
js 跨域和ajax 跨域問題小結(jié)
大家都知道js是不能跨域的，但我們有時候就要這么用，怎么辦呢？辦法總是有的.
2009-07-07