中文输入法不触发onkeyup事件的解决办法

2022-01-13,,,,

这篇文章主要介绍了中文输入法触发onkeyup事件解决办法,需要的朋友可以参考下

这两天做一个需要实时监控文本框输入的功能,碰到了中文输入法无法触发onkeyup事件的恶心问题。

具体表现是这样的:

当监听一个input的keyup的事件的时候,英文输入法的情况下可以实时的通过keyup事件检测到文本框value的变化,但是当输入法变成中文后,input的keyup事件就不会被正常触发。这是最先前的写法。

    

使用keyup事件检测文本框内容:

如你所见,这样的写法遇到了中文不能触发keyup事件的问题。于是寻求解决方法,想起来baidu的搜索栏提示似乎是没有这个问题的,于是开始看百度的js。百度的js比较难看...方法命名净是一个字母,最后发现大概是使用了timeout做一个定时器来定时监测input框的修改。不是很满意这样的方法。于是继续查找看有没有更好的解决办法,于是就找到了oninput和onpropertychange两个事件。

oninput是firefox下面可用,而onpropertychange则是ie下可用。两个方法有着一些区别。

oninput只能检测到value这个属性的变化,而onpropertychange则可以检测到包含value的所有属性的变化。于是开始改成这个样子。

    

使用oninput以及onpropertychange事件检测文本框内容:

问题这么被解决了。

以上就是中文输入法不触发onkeyup事件的解决办法的详细内容,更多请关注本站其它相关文章!

《中文输入法不触发onkeyup事件的解决办法.doc》

下载本文的Word格式文档,以方便收藏与打印。