美文网首页
手机上限制字符长度的正确姿势

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

作者: 天明_ | 来源:发表于2017-05-24 10:47 被阅读18次

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

按道理来说限制长度就是通过 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

相关文章

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

    原文:手机上限制字符长度的正确姿势 按道理来说限制长度就是通过 onpropertychange 或者 oninp...

  • ft找回密码测试点

    1、账号长度、空值、字符检查2、手机号格式,11位长度,字符,空值限制,运营商新手机号段检查3、检验码长度、字符限...

  • ft注册测试点

    1、手机号格式,11位长度,字符,空值限制,运营商新手机号段检查2、检验码长度、字符限制3、检验码是否能为空4、校...

  • lh登录测试点

    1、手机号格式,11位长度,字符,空值限制,运营商新手机号段检查2、检验码长度、字符限制3、检验码是否能为空4、校...

  • Swift限制输入框输入

    项目里涉及到输入框的输入会有各种限制,最常见的就是限制输入长度,限制特殊字符的输入。限制长度: 限制特殊字符:

  • iOS UITextField限制限制字符串长度

    简单说明:UITextField限制限制字符串长度:例如要求字符串长度为11位,则textField.text.l...

  • 06-UITextField详细属性介绍

    UITextField实例一 : UITextField限制字符 (只为数字) 实例:限制只能输入一定长度的字符 ...

  • iOS--textField 区分中英文的字符长度限制。

    一、背景 在做多语言的时候,中英文限制的字符长度不一样,此时需要根据字符长度来进行限制。下面以10个字符限制为例。...

  • Swift 字符串 截取 半个表情emoji \u0000fff

    UITextField(UITextView) 在做输入字符串长度限制时有两种长度需求限制: String.cou...

  • iOS - 限制字符长度

    有一个需求,限制输入字符的长度30个字符(中文1个字2个字符) 以前都是直接限制length的,但是length是...

网友评论

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

      本文链接:https://www.haomeiwen.com/subject/snbnxxtx.html