手机上限制字符长度的正确姿势

原文:手机上限制字符长度的正确姿势

按道理来说限制长度就是通过 onpropertychange 或者 oninput 监听输入内容,然后多的 用 substr 截取掉就可以了


但是如果使用中文输入法,在我们敲拼音的时候,虚拟输入的拼音内容同样会被

oninput、 onpropertychange 事件监听得到,这就直接导致我们输入“好漂亮” 这

3个中文字在敲拼音还没按确定的时候 会被监听变成 haopiaoliang 12个字符长度。

demo 地址:www.jackness.org/lab/2015/mobile-oninput/demo0.html

在这里, 我们引入 2个 新的事件监听 compositionstart, compositionend

compositionstart, compositionend

compositionstart

当浏览器有非直接的文字输入时, compositionstart事件会以同步模式触发.

compositionend

当浏览器是直接的文字输入时, compositionend会以同步模式触发.

引入方法后,问题得到解决了,在我们输入拼音的时候并没有对我们输入的内容进行阻挡。

demo 地址:www.jackness.org/lab/2015/mobile-oninput/demo.html

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,080评论 19 139
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,885评论 25 709
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,262评论 4 61
  • 中国式育儿-全能父母养成记 说到萌娃,最近热播的电视剧《三生三世十里桃花》里,小糯米团子阿离可算是吸足了眼球。小小...
    长安书苑阅读 635评论 0 0
  • 《三言两语378》国内的有些综合大学就是想把自己打造成巨无霸,学校规模的确是“巨无霸”了,结果是集体平庸,培养出的...
    你是我的眼z阅读 123评论 0 0