Javascript中的window.event.keyCode使用介紹
更新時間：2011年04月26日 23:47:48 作者：
我們之前發(fā)過不少關(guān)于event.keyCode相關(guān)的文章，大家都可以參考下。
主要就是為了監(jiān)聽鍵盤按下的是哪個鍵，并且轉(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>
那么如何用回車代替小鍵盤的回車呢？首先我們要知道，回車的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>使用回車代替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來實現(xiàn)回車代替TAB鍵，只是簡單的做了一個判斷，如果當(dāng)按下的是回車（13），我們就把TAB（9）的值賦給它（騙騙計算機），這些小小的細節(jié)積累起來，也是一批不小的財富吧！
復(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>
那么如何用回車代替小鍵盤的回車呢？首先我們要知道，回車的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>使用回車代替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來實現(xiàn)回車代替TAB鍵，只是簡單的做了一個判斷，如果當(dāng)按下的是回車（13），我們就把TAB（9）的值賦給它（騙騙計算機），這些小小的細節(jié)積累起來，也是一批不小的財富吧！
相關(guān)文章
這篇文章主要介紹了JS判斷客服QQ號在線還是離線狀態(tài)的方法,可實現(xiàn)完整的判斷QQ在線及對話的功能,是非常實用的技巧,需要的朋友可以參考下2015-01-01
這篇文章主要為大家介紹了微前端qiankun沙箱實現(xiàn)的源碼解讀，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-06-06
這篇文章主要為大家詳細分享了laypage分頁控件使用實例，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-05-05
這篇文章主要給大家介紹了如何通過5分鐘快速看懂ES6中的反射與代理的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家學(xué)習(xí)或者使用ES6具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-12-12
setTimeout在類中使用的問題！...2007-04-04
webpack配置proxyTable時pathRewrite無效的解決方法
這篇文章主要介紹了webpack配置proxyTable時pathRewrite無效的解決方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-12-12
bootstrap datetimepicker日期插件使用方法
這篇文章主要為大家詳細介紹了bootstrap datetimepicker的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-01-01
這篇文章主要為大家詳細介紹了微信小程序自定義tabBar組件開發(fā)，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-11-11
基于JavaScript實現(xiàn)除夕煙花秀與隨機祝福語
新年即將來臨，本文將為大家介紹一個基于JavaScript實現(xiàn)的頁面特效：煙花秀+春節(jié)隨機祝福語。文中的示例代碼講解詳細，感興趣的可以了解一下2022-01-01
JavaScript實現(xiàn)廣告的關(guān)閉與顯示效果實例
這篇文章主要介紹了JavaScript實現(xiàn)廣告的關(guān)閉與顯示效果,涉及javascript廣告窗口的關(guān)閉與顯示效果實現(xiàn)技巧,需要的朋友可以參考下2015-07-07