js 处理input元素为数字

在js中，var x = event.keyCode; （数字，表示 Unicode 字符代码或 Unicode 键代码）

keyCode 属性返回onkeypress事件触发的键的值的字符代码，或者 onkeydown或 onkeyup事件的键的代码。

两种代码类型的区别是:

字符代码 - 表示 ASCII 字符的数字

键盘代码 - 表示键盘上真实键的数字
两种类型的值不是都相等的，例如小写字符 "w" 和大写字符 "W" 有相同的键盘代码，因为他们他们键盘上 ( "W" 代码为 "87")，但是它们有不同的字符代码，两个字符输出是不一样的( "w" 和 "W" 字符代码为 "119" 和 "87")

在 Firefox 中，, keyCode 属性在 onkeypress 事件中是无效的 (返回 0)。浏览器兼容问题，可以一起使用 which和 keyCode 属性来解决:

var x = event.which || event.keyCode;  // 使用 which 或 keyCode, 这样可支持不同浏览器

实例代码

var $pageIndex = $("input.page-number");

// 页码输入
$pageIndex.keypress(function(event) {

var key = event.keyCode || event.which;
//enter delete
if(event.keyCode == 13 || event.keyCode == 46){
return true;
}
//0 ~ 9
if(event.keyCode < 48 || event.keyCode >57){
return false;
}else
return true;
}
});

// 页码输入
$pageIndex.keyup(function(){

var total = $("#totalPage").attr("val");

var value = $(this).val();
//中文输入  及 负数 0
if(isNaN(value)){
$(this).val(1);
}else if(parseInt(value)<=0){
$(this).val(1);
}

if(parseInt(value) > parseInt(total)){
$(this).val(total);
}
});

其他的参考

字母和数字键的键码值(keyCode)
按键	键码	按键	键码	按键	键码	按键	键码
A	65	J	74	S	83	1	49
B	66	K	75	T	84	2	50
C	67	L	76	U	85	3	51
D	68	M	77	V	86	4	52
E	69	N	78	W	87	5	53
F	70	O	79	X	88	6	54
G	71	P	80	Y	89	7	55
H	72	Q	81	Z	90	8	56
I	73	R	82	0	48	9	57

　　

按下键盘时会触发键盘事件，次序为keydown -> keypress ->keyup。

   1、keydown、keypress事件触发在文字还没敲进文本框，这时如果在keydown、keypress事件中输出文本框中的文本，得到的是触发键盘事件前的文本，而keyup事件触发时全部键盘事件的操作已完成，获得的是触发键盘事件后的文本

   2、在keyup事件中没法阻止浏览器默许事件，因为在keypress时，浏览器默许行为已完成，即将文字输入文本框（尽管这时还没显示），这个时候不论是preventDefault还是return false，都不能阻止在文本框中输入文字的行为，如要阻止在文本框中输入文字，必须在keydown或keypress时阻止

  3、keypress事件与keydown和keyup的主要区别

    1）对中文输入法支撑欠好，没法响应中文输入

    2）没法响应系统功能键（如delete，backspace）

    3）由于前面两个制约，keyCode与keydown和keyup不是很适中