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