js中獲取鍵盤按下鍵值event.keyCode、event.charCode和event.which的兼容性詳解
前言
在閱讀本文前，相信大家應(yīng)該都有所了解，在js獲取鍵盤按下的鍵值有：event.keyCode、event.charCode和event.which。
其中：
谷歌瀏覽器：對(duì)event.keyCode、event.charCode和event.which都兼容。
火狐瀏覽器：對(duì)event.keyCode部分鍵值有效，如上下左右鍵(37,38,39,40)，enter鍵(13)，PgUp(33),PgDn(34)等部分有效，對(duì)數(shù)字鍵，字母鍵無效。
event.which也是部分鍵值有效，如字母鍵，數(shù)字鍵，enter鍵，Backspace鍵等有效，對(duì)上下左右鍵，PgUp(33),PgDn(34)鍵無效。
event.charCode也是對(duì)部分鍵值有效，如字母鍵，數(shù)字鍵，，Backspace鍵等有效，對(duì)enter鍵，上下左右鍵，PgUp(33),PgDn(34)鍵無效。
ie瀏覽器：中，IE8及以下瀏覽器對(duì)event.charCode無效，event.keyCode和event.which對(duì)大部分鍵值能獲得，但是有少部分也不能獲得
網(wǎng)絡(luò)查看說event.which 將 event.keyCode 和 event.charCode 標(biāo)準(zhǔn)化了。但實(shí)際還是有區(qū)別的。
所以一般都這樣寫兼容：
e.keyCode<span class="hljs-params">||</span>e.which<span class="hljs-params">||</span>e.charCode;
jquery API地址：http://api.jquery.com/event.which/
如下例子介紹Query限制文本框只能輸入數(shù)字和小數(shù)點(diǎn)的方法
$(function(){
/*JQuery 限制文本框只能輸入數(shù)字*/
$(".NumText").keyup(function(){
$(this).val($(this).val().replace(/[^0-9]/g,''));
}).bind("paste",function(){ //CTR+V事件處理
$(this).val($(this).val().replace(/[^0-9]/g,''));
}).css("ime-mode", "disabled"); //CSS設(shè)置輸入法不可用
/*JQuery 限制文本框只能輸入數(shù)字和小數(shù)點(diǎn)*/
$(".NumDecText").keyup(function(){
$(this).val($(this).val().replace(/[^0-9.]/g,''));
}).bind("paste",function(){ //CTR+V事件處理
$(this).val($(this).val().replace(/[^0-9.]/g,''));
}).css("ime-mode", "disabled"); //CSS設(shè)置輸入法不可用
});
Keycode對(duì)照表如下：
總結(jié)
以上就是這篇文章的全部?jī)?nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來一定的幫助，如果有疑問大家可以留言交流，謝謝大家對(duì)腳本之家的支持。
相關(guān)文章
關(guān)于JavaScript中name的意義沖突示例介紹
這篇文章主要介紹了關(guān)于JavaScript中name的意義沖突,需要的朋友可以參考下2014-05-05
微信小程序：數(shù)據(jù)存儲(chǔ)、傳值、取值詳解
這篇文章主要介紹了微信小程序：數(shù)據(jù)存儲(chǔ)、傳值、取值，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
這篇文章主要為大家詳細(xì)介紹了微信小程序slider組件的使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-01-01
解決JSON.parse轉(zhuǎn)化不規(guī)范json字符串的問題
這篇文章主要介紹了解決JSON.parse轉(zhuǎn)化不規(guī)范json字符串的問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-09-09
前一段做音樂和鏈接保存項(xiàng)目時(shí)用到了UserData，現(xiàn)在上線后效果不錯(cuò)，就把UserData的一些用法總結(jié)出來，大家一同分享。2010-07-07
微信小程序三級(jí)聯(lián)動(dòng)地址選擇器的實(shí)例代碼
本篇文章主要介紹了微信小程序三級(jí)聯(lián)動(dòng)地址選擇器的實(shí)例代碼，具有一定的參考價(jià)值，有興趣的可以了解一下2017-07-07
為什么說JavaScript預(yù)解釋是一種毫無節(jié)操的機(jī)制詳析
這篇文章主要給大家介紹了關(guān)于為什么說JavaScript預(yù)解釋是一種毫無節(jié)操的機(jī)制的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起看看吧2018-11-11
JavaScript中的Window.open()用法示例詳解
這篇文章主要給大家介紹了關(guān)于JavaScript中Window.open()用法的相關(guān)資料,今天在項(xiàng)目中用到了彈出子窗口,就想到了用JavaScript實(shí)現(xiàn)的兩種方法,其中一個(gè)就是window.open(),需要的朋友可以參考下2023-07-07
JavaScript實(shí)現(xiàn)簡(jiǎn)單精致的圖片左右無縫滾動(dòng)效果
這篇文章主要介紹了JavaScript實(shí)現(xiàn)簡(jiǎn)單精致的圖片左右無縫滾動(dòng)效果,涉及javascript結(jié)合時(shí)間函數(shù)動(dòng)態(tài)操作頁面元素屬性的相關(guān)技巧,需要的朋友可以參考下2017-03-03
javascript將DOM節(jié)點(diǎn)添加到文檔的方法實(shí)例分析
這篇文章主要介紹了javascript將DOM節(jié)點(diǎn)添加到文檔的方法,對(duì)比分析了javascript的兩種節(jié)點(diǎn)創(chuàng)建的方法,涉及javascript節(jié)點(diǎn)操作及運(yùn)行時(shí)間計(jì)算的相關(guān)技巧,需要的朋友可以參考下2015-08-08