其他分享
首页 > 其他分享> > <input> 实现输入框只能输入数字

<input> 实现输入框只能输入数字

作者:互联网

1.使用JS限制 input 输入框只能输入纯数字

  onkeyup = "value=value.replace(/[^\d]/g,'')"

使用 onkeyup 事件,有 bug ,那就是在中文输入法状态下,输入汉字之后直接回车,会直接输入字母,所以:不推荐

2.onchange = "value=value.replace(/[^\d]/g,'')"

缺点:使用 onchange 事件,在输入内容后,只有 input 丧失焦点时才会得到结果,并不能在输入时就做出响应

3.oninput = "value=value.replace(/[^\d]/g,'')"

使用 oninput
事件,完美的解决了以上两种问题,他可以即时做出响应,
缺点:当你先输入数字,切输入法中文,开始输入,之前输入的数字会一个个的都消失,直到内容为空

 

标签:输入法,数字,value,replace,输入框,input,输入
来源: https://www.cnblogs.com/alannero/p/16624078.html