onkeydown事件解決按回車鍵直接提交數(shù)據(jù)的需求
更新時(shí)間：2013年04月11日 15:06:48 作者：
登陸頁面需要撲捉用戶按下回車自動(dòng)提交的需求，于是相到在body里添加onkeydown事件跳javascript在提交表單，具體看下實(shí)現(xiàn)代碼，希望對(duì)你有所幫助
登陸頁面需要撲捉用戶按下回車自動(dòng)提交的需求:
在body里添加onkeydown事件跳javascript在提交表單。
查找文檔如下
onkeydown 事件會(huì)在用戶按下一個(gè)鍵盤按鍵時(shí)發(fā)生。
語法：onkeydown="SomeJavaScriptCode"
支持該事件的html標(biāo)簽;
<a>, <acronym>, <address>, <area>, <b>, <bdo>, <big>, <blockquote>, <body>, <button>, <caption>, <cite>, <code>, <dd>, <del>, <dfn>, <div>, <dt>, <em>, <fieldset>, <form>, <h1> to <h6>, <hr>, <i>, <input>, <kbd>, <label>, <legend>, <li>, <map>, <object>, <ol>, <p>, <pre>, <q>, <samp>, <select>, <small>, <span>, <strong>, <sub>, <sup>, <table>, <tbody>, <td>, <textarea>, <tfoot>, <th>, <thead>, <tr>, <tt>, <ul>, <var>
支持該事件的javascript對(duì)象：
document, image, link, textarea瀏覽器差異：
Internet Explorer 使用 event.keyCode 取回被按下的字符，而 Netscape/Firefox/Opera 使用 event.which。
實(shí)例：在本例中，用戶無法在輸入框中鍵入數(shù)字
<html>
<body>
<script type="text/javascript">
function noNumbers(e)
{
var keynum
var keychar
var numcheck
if(window.event) // IE
{
keynum = e.keyCode
}
else if(e.which) // Netscape/Firefox/Opera
{
keynum = e.which
}
keychar = String.fromCharCode(keynum)
numcheck = /\d/
return !numcheck.test(keychar)
}
</script>
<form>
<input type="text" onkeydown="return noNumbers(event)" />
</form>
</html>
在body里添加onkeydown事件跳javascript在提交表單。
查找文檔如下
onkeydown 事件會(huì)在用戶按下一個(gè)鍵盤按鍵時(shí)發(fā)生。
語法：onkeydown="SomeJavaScriptCode"
支持該事件的html標(biāo)簽;
復(fù)制代碼 代碼如下:
<a>, <acronym>, <address>, <area>, <b>, <bdo>, <big>, <blockquote>, <body>, <button>, <caption>, <cite>, <code>, <dd>, <del>, <dfn>, <div>, <dt>, <em>, <fieldset>, <form>, <h1> to <h6>, <hr>, <i>, <input>, <kbd>, <label>, <legend>, <li>, <map>, <object>, <ol>, <p>, <pre>, <q>, <samp>, <select>, <small>, <span>, <strong>, <sub>, <sup>, <table>, <tbody>, <td>, <textarea>, <tfoot>, <th>, <thead>, <tr>, <tt>, <ul>, <var>
支持該事件的javascript對(duì)象：
document, image, link, textarea瀏覽器差異：
Internet Explorer 使用 event.keyCode 取回被按下的字符，而 Netscape/Firefox/Opera 使用 event.which。
實(shí)例：在本例中，用戶無法在輸入框中鍵入數(shù)字
復(fù)制代碼 代碼如下:
<html>
<body>
<script type="text/javascript">
function noNumbers(e)
{
var keynum
var keychar
var numcheck
if(window.event) // IE
{
keynum = e.keyCode
}
else if(e.which) // Netscape/Firefox/Opera
{
keynum = e.which
}
keychar = String.fromCharCode(keynum)
numcheck = /\d/
return !numcheck.test(keychar)
}
</script>
<form>
<input type="text" onkeydown="return noNumbers(event)" />
</form>
</html>
相關(guān)文章
今天小編就為大家分享一篇layui 富文本編輯器和textarea值的相互傳遞方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-09-09
這篇文章主要介紹了js中的this的指向問題以及相關(guān)知識(shí)點(diǎn)內(nèi)容，需要的朋友們參考學(xué)習(xí)下。2019-08-08
JS實(shí)現(xiàn)標(biāo)簽頁效果(配合css)
實(shí)現(xiàn)的效果是當(dāng)鼠標(biāo)移到某一個(gè)標(biāo)簽的時(shí)候，在下面的內(nèi)容區(qū)顯示對(duì)應(yīng)的內(nèi)容，并且相應(yīng)標(biāo)簽的顏色需要改變,這樣的效果是CSS和JS配合實(shí)現(xiàn)的,下面我們就來看看具體代碼2013-04-04
JavaScript中this的用法及this在不同應(yīng)用場(chǎng)景的作用解析
由于其運(yùn)行期綁定的特性，JavaScript 中的 this 含義要豐富得多，它可以是全局對(duì)象、當(dāng)前對(duì)象或者任意對(duì)象，這完全取決于函數(shù)的調(diào)用方式，這篇文章主要給大家介紹了JavaScript中this的用法及this在不同應(yīng)用場(chǎng)景的作用解析，一起看看吧2017-04-04
這篇文章主要介紹了JS顯示表格內(nèi)指定行html代碼的方法,涉及javascript獲取行及innerHTML屬性的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03
Bootstrap柵格系統(tǒng)學(xué)習(xí)筆記
這篇文章主要為大家詳細(xì)介紹了Bootstrap柵格系統(tǒng)學(xué)習(xí)筆記,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-11-11
這篇文章主要介紹了淺談webpack4 圖片處理匯總，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-09-09
Javascript限制網(wǎng)頁只能在微信內(nèi)置瀏覽器中訪問
最近正在開發(fā)一個(gè)微信公眾賬號(hào)，其中有一項(xiàng)功能是用戶發(fā)送文字消息給公眾號(hào)，然后公眾號(hào)返回圖文消息給用戶，用戶再點(diǎn)擊圖文消息即可跳轉(zhuǎn)到一個(gè)網(wǎng)頁鏈接，在微信的內(nèi)置瀏覽器中打開。2014-11-11
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)錄音功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-11-11
關(guān)于uniapp中onReachBottomDistance屬性的使用
這篇文章主要介紹了關(guān)于uniapp中onReachBottomDistance屬性的使用方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-09-09