javascript實現(xiàn)回車鍵提交表單方法總結(jié)
更新時間：2015年01月10日 11:38:36 投稿：shichen2014
這篇文章主要介紹了javascript實現(xiàn)回車鍵提交表單方法,實例總結(jié)了純javascript與jQuery的實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下
本文實例總結(jié)了javascript實現(xiàn)回車鍵提交表單方法。分享給大家供大家參考。具體分析如下：
第一種方法：javascript實現(xiàn)
復(fù)制代碼 代碼如下:
<html>
<head>
<title> javascript 實現(xiàn)回車鍵提交表單</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<script type="text/javascript">
document.onkeydown = function(ev){
ev = ev || window.event;
if(ev.keyCode == 13){
alert("我要提交表單了");
}
}
</script>
</head>
<body>
<h3>按下回車鍵，有驚喜</h3>
</body>
</html>
<head>
<title> javascript 實現(xiàn)回車鍵提交表單</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<script type="text/javascript">
document.onkeydown = function(ev){
ev = ev || window.event;
if(ev.keyCode == 13){
alert("我要提交表單了");
}
}
</script>
</head>
<body>
<h3>按下回車鍵，有驚喜</h3>
</body>
</html>
第二種方法：jquery實現(xiàn)（ie8、chrome和firefox都支持）
復(fù)制代碼 代碼如下:
<html>
<head>
<title> javascript 實現(xiàn)回車鍵提交表單</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<script type="text/javascript" src="jquery-1.8.2.min.js"></script>
<script type="text/javascript">
$(function(){
$(document).keydown(function(e){
var curKey = e.which;
if(curKey == 13){
alert("我要提交表單了");
}
});
});
</script>
</head>
<body>
<h3>按下回車鍵，有驚喜</h3>
</body>
</html>
<head>
<title> javascript 實現(xiàn)回車鍵提交表單</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<script type="text/javascript" src="jquery-1.8.2.min.js"></script>
<script type="text/javascript">
$(function(){
$(document).keydown(function(e){
var curKey = e.which;
if(curKey == 13){
alert("我要提交表單了");
}
});
});
</script>
</head>
<body>
<h3>按下回車鍵，有驚喜</h3>
</body>
</html>
希望本文所述對大家基于js的web程序設(shè)計有所幫助。
相關(guān)文章
bootstrap 設(shè)置checkbox部分選中效果
本篇文章主要介紹了bootstrap 設(shè)置checkbox部分選中效果，主要涉及到j(luò)s各個方面的內(nèi)容，對于bootstrap設(shè)置checkbox選中效果感興趣的朋友可以參考一下吧2017-04-04
js將當(dāng)前時間格式化為 年-月-日 時:分:秒的實現(xiàn)代碼
這篇文章主要介紹了js將當(dāng)前時間格式化為 年-月-日 時:分:秒主要是使用js的Date()對象，將系統(tǒng)當(dāng)前時間格式化為年-月-日 時:分:秒，需要的朋友可以參考下2018-01-01
微信小程序?qū)崿F(xiàn)發(fā)送模板消息功能示例【通過openid推送消息給用戶】
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)發(fā)送模板消息功能,結(jié)合實例形式分析了微信小程序?qū)崿F(xiàn)通過openid推送消息給用戶相關(guān)操作技巧,需要的朋友可以參考下2019-05-05
你必須知道的Javascript知識點之"字面量和對應(yīng)類型"說明介紹
本篇文章小編為大家介紹，你必須知道的Javascript知識點之"字面量和對應(yīng)類型"。需要的朋友參考下2013-04-04
本文通過實例代碼給大家介紹了bootstrap中的導(dǎo)航條，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下2019-05-05
uniapp小程序?qū)崿F(xiàn)瀑布流布局的思路與代碼
這篇文章主要給大家介紹了關(guān)于uniapp小程序?qū)崿F(xiàn)瀑布流布局的思路與代碼，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-04-04
身份證有效性驗證的方法有很多，在本文將為大家介紹下如何使用js簡單實現(xiàn)下，感興趣的朋友可以參考下2013-10-10
今天小編就為大家分享一篇layui-select動態(tài)選中值的例子，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
怎么理解wx.navigateTo的events參數(shù)使用詳情
這篇文章主要介紹了怎么理解wx.navigateTo的events參數(shù)使用詳情，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-05-05
js表格排序?qū)嵗治觯ㄖС謎nt,float,date,string四種數(shù)據(jù)類型）
這篇文章主要介紹了js表格排序?qū)嵗治觯ㄖС謎nt,float,date,string四種數(shù)據(jù)類型）,涉及javascript常用的升序、降序及數(shù)據(jù)類型轉(zhuǎn)換等相關(guān)技巧,需要的朋友可以參考下2015-05-05