首页 > TAG信息列表 > compositionend
解决Input输入中文重复出现拼音
下面的代码，是我们再做一个正则的判断，不让输入我们列举的特殊符号。大部分情况下是没有问题的，可是在少数人的电脑上，发现，在输入中文的时候，会有重复的情况。请看下面的动图 1 <p>输入中文，只使用oninput和onkeyup的方式</p> 2 <input type="text" name="" id="input" placeh解决oninput事件在中文输入法下会取得拼音的值的问题
在做搜索等功能时，很多时候我们需要实时获取用户输入的值，而常常会得到类似 w'm 这样的拼音。为了解决这个问题，我在网上搜索了下相关问题，发现了两个陌生的事件：compositionstart 和 compositionend。 compositionstart & compositionend 在 MDN 上找到了关于他们的描述，compositionstinput事件中文触发多次问题研究
我们在网页中经常会遇到实时搜索的情况，或者其他类似需要input实时响应的问题，一般情况下，我们是利用input和propertychange事件来监听input内容的变化来响应，但是有一个问题就是当输入汉字的时候，可能我们要输入 ‘实时’ 的时候，我们的input框中会出现 'shishi'直到我们的空格才会变