资讯专栏INFORMATION COLUMN

vue项目 移动端实现ip输入框问题

Zachary / 1755人阅读

摘要:框架移动端做输入框组件,在浏览器和微信端兼容问题。要求只能输入数字,输入数字以外的字符包括点冒号等数字符号时自动跳到下一段输入框类型,不会禁止点的输入。

vue框架移动端做ip输入框组件,input在浏览器和微信端兼容问题。
要求:只能输入数字,输入数字以外的字符(包括点、冒号等数字符号)时自动跳到下一段ip输入框.
type=number类型,不会禁止点的输入。手动过滤拿不到包括点字符的字符串.而且输入多个点之后,拿到的值为空.
解决办法:type=tel,只能输入数字,且可以获取到点字符的输入
问题:微信下keyup事件无效,回调事件中event.keyCode返回全是229.
解决办法:监听input事件,event事件对象中keycode为空,但是event.data返回输入字符,可以实现过滤.






文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/102656.html

相关文章

  • 基于 Vue移动富文本编辑器 vue-quill-editor 实战

    摘要:优秀的富文本编辑器有很多,比如,等,但并不是每个都能在移动端有很好的表现。是百度的老牌富文本编辑器,但界面有一股上世纪的感觉,官网最新的一条动态停留在。优秀的富文本编辑器有很多,比如:UEditor,wangEditor 等,但并不是每个都能在移动端有很好的表现。 我们暂且不讨论移动端是否真的需要富文本,既然有这需求,就把它实现出来。 失败的尝试 正确的选择是成功的开始,开发之前肯定要做一些...

    wing324 评论0 收藏0
  • VueJs项目笔记

    摘要:知识点总结一实现页面的缓存二移动端固定定位的解决方案三表单校验表单验证中文文档横向滑动的选项卡,以及输入法定位相关的插件网当第一个输入框自动获得光标的时候,弹出的输入法会把布局顶上去问题可以左右滑动的将项目中引入框架和插件当第一个输 ======================知识点总结=========================== 一、keep-alive(实现页面的缓存) ...

    iliyaku 评论0 收藏0
  • VueJs项目笔记

    摘要:知识点总结一实现页面的缓存二移动端固定定位的解决方案三表单校验表单验证中文文档横向滑动的选项卡,以及输入法定位相关的插件网当第一个输入框自动获得光标的时候,弹出的输入法会把布局顶上去问题可以左右滑动的将项目中引入框架和插件当第一个输 ======================知识点总结=========================== 一、keep-alive(实现页面的缓存) ...

    FullStackDeveloper 评论0 收藏0
  • vue个人博客项目部署上线

    摘要:前言之前有发过这个项目的文章了,根据朋友的建议改变了博客的样式,也增加了一些新功能,下面完整地介绍这个博客项目。 前言 之前有发过这个项目的文章了,根据朋友的建议改变了博客的样式,也增加了一些新功能,下面完整地介绍这个博客项目。文末附前端实习求职简历 项目简介 简要介绍:一个前后端分离的项目主要技术栈:vue全家桶 + node.js + Express + Mongodbgithub...

    caspar 评论0 收藏0
  • vue个人博客项目部署上线

    摘要:前言之前有发过这个项目的文章了,根据朋友的建议改变了博客的样式,也增加了一些新功能,下面完整地介绍这个博客项目。 前言 之前有发过这个项目的文章了,根据朋友的建议改变了博客的样式,也增加了一些新功能,下面完整地介绍这个博客项目。文末附前端实习求职简历 项目简介 简要介绍:一个前后端分离的项目主要技术栈:vue全家桶 + node.js + Express + Mongodbgithub...

    lanffy 评论0 收藏0

发表评论

0条评论

Zachary

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<