开发时遇到的问题记录一下:移动端ios、Android中input框输入限制问题(ionic)

本文探讨了在iOS和Android移动端使用Ionic进行开发时,input标签type='tel'和'type=number'在限制用户输入数字和小数点时遇到的问题。在iOS中,type='tel'无法显示小数点,而type='number'允许全键盘输入。在Android上,type='tel'和'type=number'在删除小数点后一位时表现不一致。针对这些问题,开发者可以考虑采用不同类型的input并结合校验来解决。
摘要由CSDN通过智能技术生成

开发时遇到的问题记录一下:移动端ios、Android中input框输入限制问题(ionic)

IOS

input标签里:
type=“tel”: 直接调起ios的数字键盘(ios数字键盘没有小数点);删除小数点后一位时,小数点 直接删掉。
type=“number”: 全键盘可以任意输入,没有只能输入数字的限制

Android

type=“tel” :直接调起android的数字键盘,但是与ios的type="number"时类似,输入时没有限制。删除小数点后一位时,小数点直接删掉。
type=“number”: 只可输入数字和小数点,但是在真机测试时,删除小数点后一位时,光标直接移到小数点之前了。

 校验事件用的input、textInput、keydown
 input:校验数字输入问题,如保留一位小数等。
 textInput:校验使其输入只为数字及小数点,及校验禁止输入-、+、E、e(e为无理数2.71828)
 keydown:正常键盘字母的keycode都为229,无法判断禁用,可以判断下一项等周边的按键。(keyup也如此)

//keyCode为229 网上查说:好像是因为中文输入法还在处理,会给调用者先返回一个值,但是js中接受了值就不会再处理了,所以中文输入法下拿到的keyCode全部都是229。

对IOS用type=“number”,Android用type=“tel” 输入数据联合校验

//input (
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值