您的位置:首页 > Web前端 > JavaScript

js实现input输入框只能输入数字的功能(完美测试通过)

2018-01-28 09:11 691 查看
<input type="text" style="ime-mode:disabled;" onpaste="return false;"  onkeypress="keyPress()" />


function keyPress() {
var keyCode = event.keyCode;
if ((keyCode >= 48 && keyCode <= 57))
{
event.returnValue = true;
} else {
event.returnValue = false;
}
}


style:ime-mode:disabled表示不能切换输入法

onpaste=”return false;” 表示不能粘贴

重要说明:

上述js代码中键值48-57在键值表中只是对应大键盘的0-9,而小键盘的0-9键值是96-105,那为什么也能输入呢?

经过自己测试发现在input中,你输入的是小键盘的0-9,它所识别的keycode也是48-57
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: