compositionEnd 和 input 事件(中文输入法问题)
2016-10-29 00:00
621 查看
网上用 compositionstart + compositionend + input 解决中文输入法问题的办法
现在貌似不好使了
测试了下发现:
compositionend 在 input 事件之后才触发 so。。。
于是只能在compositionend 里 也加上处理代码
并不是完美方案:
如果有些浏览器compositionend 在 input 事件之前,就会执行两次,就得继续填坑。。。
暂时就这么地吧
node.addEventListener('compositionstart', function(){ cpLock = true; }) node.addEventListener('compositionend', function(){ cpLock = false; }) node.addEventListener('input', function(){ if(!cpLock)console.log(this.value); });
现在貌似不好使了
测试了下发现:
compositionend 在 input 事件之后才触发 so。。。
于是只能在compositionend 里 也加上处理代码
node.addEventListener('compositionstart', function(){ cpLock = true; }) node.addEventListener('compositionend', function(){ cpLock = false; if(!cpLock)console.log(this.value); }) node.addEventListener('input', function(){ if(!cpLock)console.log(this.value); });
并不是完美方案:
如果有些浏览器compositionend 在 input 事件之前,就会执行两次,就得继续填坑。。。
暂时就这么地吧
相关文章推荐
- 解决oninput事件在中文输入法下会取得拼音的值的问题
- html中input元素的input事件对iphone原生中文输入法下的兼容问题
- 实时监听input标签输入 实时监听文本框输入 避免中文输入法无法触发onkeyup事件的问题
- input事件中文触发多次问题研究
- input 事件兼容处理以及中文输入法优化
- 中文输入法下如何正确监听输入框input事件
- input事件以及中文输入法的处理
- IOS自带输入法中文不触发KEYUP事件导致vue双向绑定错误问题
- input事件 输入中文再进行搜索的问题
- 中文输入法导致html input的onkeyup事件无法被触发,解决方法
- wpf 中文输入法回车事件和控件的回车事件冲突问题
- vue.js中v-on:textInput无法执行事件问题的解决过程
- 移动端、手机网站中文输入法下keyup事件部分按键无效
- 关于input事件是否全选以及如何获取checked的值的相关问题
- JQuery绑定input[type=file]的change事件问题
- 安装fcitx中文输入法(fcitx4.0.1版本和fcitx3.6.3版本),解决输入框乱码问题
- ubuntu下中文问题的解决:输入法、乱码
- emacs中文输入法不能输入的问题
- Qtcreator中文输入法不能使用问题
- vue 表单输入格式化中文输入法异常问题