使用key事件控制输入框输入的范围

在input输入框输入数字，很多人一开始就想到使用type=“number”，这样只能在输入框中输入数字，但是前者标签元素是h5的新元素。要是使用的不是支持h5标签的浏览器就不好解决了。所以现在使用key事件来解决这个问题。

首先需要在input里面的添加一个class，然后使用下面的代码就可以实现智能输入数字了。

$(".aa").keydown(function(event){

var e = $(this).event || window.event;

var code = parseInt(e.keyCode);

var key =e.key;

var value = $(this).val();

if(value.length==0){

if (code >= 97 && code <= 105 || code >= 49 && code <= 57 && key>=0 && key<= 9 || code == 8) {

return true;

}else {

return false;

}

}else{

if (code >= 96 && code <= 105 || code >= 48 && code <= 57 && key>=0 && key<= 9|| code == 8) {

return true;

}else {

return false;

}

}

});