关于ios下中文输入法 连续输入空格问题
h5移动端页面 ,在iOS下中文输入法长输入的情况,会将英文输入,并且中间有空格。
这个空格看上去跟普通的空格没什么区别,其实不然。通过. 方法 log出它的编码是8198,普通空格的编码是32.
解决初衷:将未处理的字符串传到后台,后台无法识别,会带有?乱码出来
// conUpdate (flag,默认为false)
if (this.checkChinese) { // 是否需要汉字校验let inputName = document.getElementById(this.myid)// compositionstart 监控开始输入汉字// 监控汉字输入inputName.addEventListener('compositionupdate', function () {_this.conUpdate = true})// 监控汉字输入结束inputName.addEventListener('compositionend', function () {_this.conUpdate = false})// 当前input框blurinputName.addEventListener('blur', function () {if (_this.value) {_this.conUpdate = false_this.checkedValue(_this.value)}})}// 监控到中文输入结束if (!this.conUpdate) { // 根据charcode 作为分隔符 用‘’ 做连接 处理字符串let code = String.fromCharCode(8198)let arrStr = formValue.split(code)formValue = arrStr.join('')}
复合事件
复合事件( event)是DOM3级事件中新添加的一类事件,用于处理IME的输入序列。IME(Input ,输入法编辑器)可以让用户输入在物理键盘上找不到的字符。复合事件就是针对检测和处理这种输入而设计的。
(1):在IME的文本复合系统打开时触发,表示要开始输入了。
(2):在向输入字段中插入新字符时触发。
(3):在IME的文本复合系统关闭时触发,表示返回正常键盘的输入状态。