javascript實(shí)現(xiàn)回車鍵提交表單方法總結(jié)
更新時間：2015年01月10日 11:38:36 投稿：shichen2014
這篇文章主要介紹了javascript實(shí)現(xiàn)回車鍵提交表單方法,實(shí)例總結(jié)了純javascript與jQuery的實(shí)現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下
本文實(shí)例總結(jié)了javascript實(shí)現(xiàn)回車鍵提交表單方法。分享給大家供大家參考。具體分析如下：
第一種方法：javascript實(shí)現(xiàn)
復(fù)制代碼 代碼如下:
<html>
<head>
<title> javascript 實(shí)現(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 實(shí)現(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實(shí)現(xiàn)（ie8、chrome和firefox都支持）
復(fù)制代碼 代碼如下:
<html>
<head>
<title> javascript 實(shí)現(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 實(shí)現(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)文章
video.js 實(shí)現(xiàn)視頻只能后退不能快進(jìn)的思路詳解
這篇文章主要介紹了video.js 實(shí)現(xiàn)視頻只能后退不能快進(jìn)的思路詳解，主要思路是點(diǎn)擊進(jìn)度條需要獲取拖動前的時間點(diǎn)，具體實(shí)例代碼大家跟隨小編一起看看吧2018-08-08
這篇文章主要介紹了Bootstarp在pycharm中的安裝及簡單的使用方法,非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下2019-04-04
這篇文章主要為大家詳細(xì)介紹了易被忽視的js事件問題，包括跨平臺事件、冒泡中target和currentTarget的區(qū)別，感興趣的朋友可以參考一下2016-05-05
定義一個id="flower"的div元素 并設(shè)置如上樣式,我們的目標(biāo)就是通過javascript來獲取樣式的最終屬性2010-04-04
Js Snowflake(雪花算法)生成隨機(jī)ID的實(shí)現(xiàn)方法
這篇文章主要介紹了Js Snowflake(雪花算法)生成隨機(jī)ID的實(shí)現(xiàn)方法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08
JavaScript實(shí)現(xiàn)在標(biāo)題欄上顯示當(dāng)前日期的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)在標(biāo)題欄上顯示當(dāng)前日期的方法,涉及javascript操作時間及DOM節(jié)點(diǎn)的技巧,非常具有實(shí)用價值,需要的朋友可以參考下2015-03-03
本文將用一個簡單的例子詳細(xì)講解如何用原生JS一步步實(shí)現(xiàn)完整的任意位置縮放圖片功能,無任何第三方依賴,指針事件 進(jìn)行多端統(tǒng)一的事件監(jiān)聽,干貨滿滿,需要的朋友可以參考下2024-04-04
JavaScript中使用Substring刪除字符串最后一個字符
刪除字符串最后一個字符的方法有很多，在本文將為大家介紹下js中的substring是如何做到的，需要的朋友可以參考下2013-11-11
本文通過代碼實(shí)例給大家講解js讀取xml文件及jq讀取xml文件的方法，對本文感興趣的朋友一起學(xué)習(xí)吧2015-12-12
layui框架table 數(shù)據(jù)表格的方法級渲染詳解
今天小編就為大家分享一篇layui框架table 數(shù)據(jù)表格的方法級渲染詳解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08