Javascript中的window.event.keyCode使用介紹
更新時(shí)間：2011年04月26日 23:47:48 作者：
我們之前發(fā)過(guò)不少關(guān)于event.keyCode相關(guān)的文章，大家都可以參考下。
主要就是為了監(jiān)聽(tīng)鍵盤(pán)按下的是哪個(gè)鍵，并且轉(zhuǎn)成ASCII碼;
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>window.event.keyCode</title>
</head>
<body onkeydown=" alert(window.event.keyCode)">
<input id="txtCode" type="text" />
</body>
</html>
那么如何用回車(chē)代替小鍵盤(pán)的回車(chē)呢？首先我們要知道，回車(chē)的ASCII碼是13 ，TAB鍵的ASCII碼是9那就好辦啦；
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>使用回車(chē)代替TAB鍵</title>
</head>
<body onkeydown="if(window.event.keyCode==13){ window.event.keyCode=9}">
<input id="txtCode" type="text" />
<input id="txtCode2" type="text" />
</body>
</html>
在上面的代碼中我們使用了keyCode來(lái)實(shí)現(xiàn)回車(chē)代替TAB鍵，只是簡(jiǎn)單的做了一個(gè)判斷，如果當(dāng)按下的是回車(chē)（13），我們就把TAB（9）的值賦給它（騙騙計(jì)算機(jī)），這些小小的細(xì)節(jié)積累起來(lái)，也是一批不小的財(cái)富吧！
復(fù)制代碼 代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>window.event.keyCode</title>
</head>
<body onkeydown=" alert(window.event.keyCode)">
<input id="txtCode" type="text" />
</body>
</html>
那么如何用回車(chē)代替小鍵盤(pán)的回車(chē)呢？首先我們要知道，回車(chē)的ASCII碼是13 ，TAB鍵的ASCII碼是9那就好辦啦；
復(fù)制代碼 代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>使用回車(chē)代替TAB鍵</title>
</head>
<body onkeydown="if(window.event.keyCode==13){ window.event.keyCode=9}">
<input id="txtCode" type="text" />
<input id="txtCode2" type="text" />
</body>
</html>
在上面的代碼中我們使用了keyCode來(lái)實(shí)現(xiàn)回車(chē)代替TAB鍵，只是簡(jiǎn)單的做了一個(gè)判斷，如果當(dāng)按下的是回車(chē)（13），我們就把TAB（9）的值賦給它（騙騙計(jì)算機(jī)），這些小小的細(xì)節(jié)積累起來(lái)，也是一批不小的財(cái)富吧！
相關(guān)文章
JS判斷客服QQ號(hào)在線還是離線狀態(tài)的方法
這篇文章主要介紹了JS判斷客服QQ號(hào)在線還是離線狀態(tài)的方法,可實(shí)現(xiàn)完整的判斷QQ在線及對(duì)話的功能,是非常實(shí)用的技巧,需要的朋友可以參考下2015-01-01
這篇文章主要為大家介紹了微前端qiankun沙箱實(shí)現(xiàn)的源碼解讀，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-06-06
這篇文章主要為大家詳細(xì)分享了laypage分頁(yè)控件使用實(shí)例，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-05-05
這篇文章主要給大家介紹了如何通過(guò)5分鐘快速看懂ES6中的反射與代理的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用ES6具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-12-12
setTimeout在類(lèi)中使用的問(wèn)題！...2007-04-04
webpack配置proxyTable時(shí)pathRewrite無(wú)效的解決方法
這篇文章主要介紹了webpack配置proxyTable時(shí)pathRewrite無(wú)效的解決方法，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-12-12
bootstrap datetimepicker日期插件使用方法
這篇文章主要為大家詳細(xì)介紹了bootstrap datetimepicker的使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-01-01
這篇文章主要為大家詳細(xì)介紹了微信小程序自定義tabBar組件開(kāi)發(fā)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-11-11
基于JavaScript實(shí)現(xiàn)除夕煙花秀與隨機(jī)祝福語(yǔ)
新年即將來(lái)臨，本文將為大家介紹一個(gè)基于JavaScript實(shí)現(xiàn)的頁(yè)面特效：煙花秀+春節(jié)隨機(jī)祝福語(yǔ)。文中的示例代碼講解詳細(xì)，感興趣的可以了解一下2022-01-01
JavaScript實(shí)現(xiàn)廣告的關(guān)閉與顯示效果實(shí)例
這篇文章主要介紹了JavaScript實(shí)現(xiàn)廣告的關(guān)閉與顯示效果,涉及javascript廣告窗口的關(guān)閉與顯示效果實(shí)現(xiàn)技巧,需要的朋友可以參考下2015-07-07