Javascript中的window.event.keyCode使用介紹
更新時間：2011年04月26日 23:47:48 作者：
我們之前發(fā)過不少關于event.keyCode相關的文章，大家都可以參考下。
主要就是為了監(jiā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鍵，只是簡單的做了一個判斷，如果當按下的是回車（13），我們就把TAB（9）的值賦給它（騙騙計算機），這些小小的細節(jié)積累起來，也是一批不小的財富吧！
復制代碼 代碼如下:
<!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鍵，只是簡單的做了一個判斷，如果當按下的是回車（13），我們就把TAB（9）的值賦給它（騙騙計算機），這些小小的細節(jié)積累起來，也是一批不小的財富吧！
相關文章
這篇文章主要給大家介紹了關于微信小程序?qū)W習筆記之頁面配置與路由方式的相關資料,頁面配置和路由是學習微信小程序必然會遇到的,本文通過示例代碼介紹的非常詳細,需要的朋友可以參考下2021-06-06
微信小程序使用 official-account 組件實現(xiàn)一鍵跳轉公眾號
本文詳細介紹了如何在微信小程序中實現(xiàn)一鍵跳轉到公眾號的功能,包括準備工作、使用`<official-account>`組件實現(xiàn)跳轉、關聯(lián)小程序與公眾號的方法,以及常見錯誤及解決方案,通過本文的指導,開發(fā)者可以順利實現(xiàn)這一功能,提升用戶體驗2024-11-11
這篇文章主要為大家詳細介紹了js canvas實現(xiàn)滑塊驗證，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-03-03
在網(wǎng)頁中使用document.write時遭遇的奇怪問題
很多時候我們都會在網(wǎng)頁上的JavaScript中使用document.write來寫入一些東西，有的時候可能因為我們無法改變某一部分HTML而不得不使用這樣的辦法，也有的時候是因為在進行跨應用的腳本調(diào)用。2010-08-08
這篇文章主要為大家詳細介紹了JavaScript數(shù)據(jù)結構與算法中的隊列結構，文中通過簡單的示例介紹了隊列結構的原理與實現(xiàn)，需要的可以參考一下2022-11-11
這篇文章主要介紹了詳解ECMAScript2019/ES10新屬性，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-12-12
JS Array.from()將偽數(shù)組轉換成數(shù)組的方法示例
這篇文章主要介紹了JS Array.from()將偽數(shù)組轉換成數(shù)組的方法示例，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-03-03
這篇文章主要為大家介紹了彌補localStorage容量缺陷的方法詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-11-11
JavaScript實現(xiàn)使用Canvas繪制圖形的基本教程
本篇文章主要介紹了JavaScript實現(xiàn)使用Canvas繪制圖形的基本教程，具有一定的參考價值，感興趣的小伙伴們可以參考一下。2016-10-10
JavaScript 函數(shù)參數(shù)是傳值(byVal)還是傳址(byRef) 分享
這篇文章主要介紹了在JS中函數(shù)參數(shù)是傳值(byVal)還是傳址(byRef)的誤區(qū)我們通過實例說明一下，有需要的朋友可以參考2013-07-07