前言
在閱讀本文前,相信大家應(yīng)該都有所了解,在js獲取鍵盤按下的鍵值有:event.keyCode、event.charCode和event.which。
其中:
谷歌瀏覽器:對event.keyCode、event.charCode和event.which都兼容。
火狐瀏覽器:對event.keyCode部分鍵值有效,如上下左右鍵(37,38,39,40),enter鍵(13),PgUp(33),PgDn(34)等部分有效,對數(shù)字鍵,字母鍵無效。
event.which也是部分鍵值有效,如字母鍵,數(shù)字鍵,enter鍵,Backspace鍵等有效,對上下左右鍵,PgUp(33),PgDn(34)鍵無效。
event.charCode也是對部分鍵值有效,如字母鍵,數(shù)字鍵,,Backspace鍵等有效,對enter鍵,上下左右鍵,PgUp(33),PgDn(34)鍵無效。
ie瀏覽器:中,IE8及以下瀏覽器對event.charCode無效,event.keyCode和event.which對大部分鍵值能獲得,但是有少部分也不能獲得
網(wǎng)絡(luò)查看說event.which 將 event.keyCode 和 event.charCode 標(biāo)準(zhǔn)化了。但實際還是有區(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ù)點的方法
$(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ù)點*/ $(".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對照表如下:

總結(jié)
以上就是這篇文章的全部內(nèi)容了,希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助,如果有疑問大家可以留言交流,謝謝大家對武林網(wǎng)的支持。
新聞熱點
疑難解答