在移动端H5开发中，为实现利率输入框只允许数字和小数点，使用`<input type="number" pattern="[0-9]*">`在iOS上会导致数字键盘缺少小数点。通过尝试`<input type="number">`虽然能调起正确键盘，但无法自动限制特殊字符。文章介绍了两种Vue框架下的解决方案，方案一利用keyCode但存在相同键值问题，方案二直接比较按键值以限制除小数点外的特殊字符输入。
最近有个需求是利率只允许输入数字和小数点，用以下
<input type="number" pattern="[0-9]*">
在ios会调起数字键盘，但是左下角竟然是空不是“.”！
这个坑相信很多移动端h5开发会遇到，需支持小数点那就不能调起这种键盘了，那只能调起以下键盘
<input type="number">
但是问题又来了ios系统的type="number"竟然不能自动限制输入特殊字符！
那只能对这个键盘输入做限制特殊字符输入了！有以下两种方案限制（用的vue框架）
h5 调起ios数字键盘的坑，限制特殊字符输入方案
最新推荐文章于 2021-06-11 11:56:29 发布
最低0.47元/天 解锁文章
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
