输入框只能输入数字的终极解决方法

一开始我是这样写的:

<input  type="number" />

安卓手机只能输入数字,但是苹果手机还是可以通过切换输入法输入非数字

然后我这样写:

<input  type="tel" />

然后苹果手机只能输入数字,但是安卓手机可以输入非数字

所以判断手机是安卓还是IOS来渲染输入框(以下是vue写法,反正思想你肯定懂了)

<input v-if="isIOS"  type="tel" />
<input v-else  type="number" />

此外还有通过判断输入框的onkeydown事件来判断输入字符的ASCII码,我觉得比我上面这个方法麻烦,有兴趣的自行研究。

原文地址:https://www.cnblogs.com/djjlovedjj/p/13633597.html