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

2017-05-24 本文已影响18人天明_

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

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

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

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

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

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

compositionstart, compositionend

compositionstart

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

compositionend

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

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