【发布时间】：2010-07-13 09:21:14
【问题描述】：
我需要检测用户是否按下了数字键盘中的点键。我已经编写了适合我的初稿：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head><title></title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript"><!--
(function($){
var knownCodes = [
[110, 46], // Firefox, IE, Chrome
[78, 46] // Opera
];
var pressedCodes = [null, null];
$.fn.comma = function(){
this.live("keydown", function(e){
pressedCodes = [e.which, null];
}).live("keypress", function(e){
pressedCodes[1] = e.which;
for(var i=0, len=knownCodes.length; i<len; i++){
if(pressedCodes[0]==knownCodes[i][0] && pressedCodes[1]==knownCodes[i][1]){
$("#log").append("<li>Decimal key detected</li>");
break;
}
}
});
return this;
};
$(function(){
$('<ol id="log"></ol>').appendTo("body");
});
})(jQuery);
jQuery(function($){
$(".comma input:text, .comma textarea").css("border", "1px solid black").comma();
});
//--></script>
</head>
<body>
<form action="" method="get" class="comma" size="20">
<p><input type="text"></p>
<p><textarea rows="3" cols="30"></textarea></p>
</form>
</body>
</html>
但是，我只能在带有西班牙语键盘的 Windows XP 机器中对其进行测试。我的问题是：
从
e.which读取是否安全？我使用它是因为e.keyCode和e.charCode在至少一个浏览器中返回undefined。操作系统会以某种方式影响这些数字代码还是只是浏览器的东西？
这些代码是否取决于键盘布局？
背景信息：我找不到remap numeric keypad 的 jQuery 插件，所以我正在编写自己的。
更新
我会解释我的确切需求。带有数字小键盘的西班牙语键盘具有. 键。但是，西班牙语的小数点分隔符是,。这使得在 Web 应用程序中键入数字很烦人。某些桌面应用程序（例如 MS Excel）会重新映射此键，以便插入逗号。我正在尝试模仿。
我已经改编了一个小脚本，我一直在使用它来将其发布到这里。这就是我获得 knownCodes 数组值的方式：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head><title></title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript"><!--
(function($){
$.fn.showKeyCodes = function(){
var log = function(e){
$("<li></li>").text(e.type + "(): [keyCode, charCode, which]=[" + e.keyCode + ", " + e.charCode + ", " + e.which + "]").appendTo("#log");
}
this.live("keydown", function(e){
log(e);
}).live("keypress", function(e){
log(e);
}).live("keyup", function(e){
log(e);
});
return this;
};
$(function(){
$('<ol id="log"></ol>').appendTo("body");
});
})(jQuery);
jQuery(function($){
$(".showKeyCodes input:text, .showKeyCodes textarea").css("border", "1px solid black").showKeyCodes();
});
//--></script>
</head>
<body>
<form action="" method="get" class="showKeyCodes" size="20">
<p><input type="text"></p>
<p><textarea rows="3" cols="30"></textarea></p>
</form>
</body>
</html>
在您的数字小键盘中键入. 键（或在您的键盘布局中替换它的任何键）以及与字母小键盘中相同字符对应的键。目标是检测您点击了第一个而不是第二个。
【问题讨论】：
-
旁注：我希望你不需要这个键来做事，因为我的键盘没有数字小键盘:) apple.com/keyboard
-
我希望它插入一个逗号，这是西班牙语中有效的小数分隔符。如果您没有键盘，那么您就没有我要解决的问题 :)
-
46 是 DEL 键码。这就是在没有数字锁定的情况下按下数字键盘中的点时得到的结果。
标签： javascript jquery keyboard