网上用 compositionstart + 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 事件之前，就会执行两次，就得继续填坑。。。

暂时就这么地吧

input事件中文触发多次问题研究

我们在网页中经常会遇到实时搜索的情况,或者其他类似需要input实时响应的问题,一般情况下,我们是利用input和propertychange事件来监听input内容的变化来响应,但是有一个问题就是当 ...

input中用中文输入法下的全角·替换英文输入法下的句号.

核心语句

解决oninput事件在中文输入法下会取得拼音的值的问题

在做搜索等功能时,很多时候我们需要实时获取用户输入的值,而常常会得到类似 w'm 这样的拼音.为了解决这个问题,我在网上搜索了下相关问题,发现了两个陌生的事件:compositionstart 和 c ...

input事件以及中文输入法的处理

在项目的开发过程中,相信大家都处理过监听用户输入的事情,一般我们会用到onkeyup.onkeydown.onkeypress.onchange.oninput事件,虽然都很熟悉了,但是还是有必要巩固 ...

input 事件与汉字输入法：使用compositionend事件解决

input 事件与汉字输入法:使用compositionend事件解决 在使用的input事件的时候 会遇到中文输入法的&quot ...

实时监听input标签输入 实时监听文本框输入 避免中文输入法无法触发onkeyup事件的问题

前言: 对于实时监听输入,这种需求大多数都是用于一个联想字提醒,智能提醒.大家都知道onkeydown,onkeypress,onkeyup的在监听中文输入法或者右键粘贴的时候都存在一些弊端,不是那么 ...

input输入中文时，拼音在输入框内会触发input事件的问题。

问题描述: 监听文本输入框的input事件,在拼写汉字(输入法)但汉字并未实际填充到文本框中(选词)时会触发input事件,如图: 需要完成的需求就是在输入阶段不触发input中的事件,选词之后文字落 ...

JS对输入判断变化屏蔽中文输入法输入时连续触发事件的方法

代码如下: //智能搜索提示 IntelligenceSearch: function IntelligenceSearch() { $('#keyWord').on('input', functio ...

input、textarea等输入框输入中文时，拼音在输入框内会触发input事件的问题

监听文本输入框的input事件,在拼写汉字(输入法)但汉字并未实际填充到文本框中(选词)时会触发input事件,如图: 但是在很多情况下,只需要输入到输入框的中文字符. 解决办法: 通过查阅资料得知在 ...

随机推荐

spring的事务操作

我们项目一期已经差不多结束了,所以一些细节也被拿了出来,出现最多的就是事务的操作了.因为自己负责的是一个模块(因为是另外一个项目的负责人),所以组员经常会遇到事务的问题,会出现很多奇葩的用法,各种乱用 ...

window下appserv组合包配置asp标记风格与简短风格

php一共有四种编码风格 分别为 :XML风格,脚本分铬,简短风格,ASP风格 如果要配置asp标记风格与简短风格,需要在php.ini文件中配置. 打开文件的位置C:\ window\php.ini ...

Box of Bricks最小移动砖块数目

Description Little Bob likes playing with his box of bricks. He puts the bricks one upon another and ...

关于QStringRef

QString 为字符串操作提供了各种成员比如mid().left().right().它们都创建会一个新的字符串,因此有一个对在已存在QString的malloc和深拷贝. 与此相反,QStri ...

[置顶] VC++界面编程之--使用分层窗口实现界面皮肤

使用分层界面来实现界面皮肤的好处是:可以保证图片边缘处理不失真,且能用于异形窗口上,如一些不规则的窗口,你很难用SetWindowRgn来达到理想效果. 在很多情况下,界面的漂亮与否,取决于PS的制作 ...

linux环境下java读取sh脚本并执行

Process process;           String cmd = "/home/ty/t.sh";//这里必须要给文件赋权限 chmod u+x fileName; ...

Sybase配置数据库参数

Sybase配置数据库参数参数配置的两种方法:sp_configure ‘参数名称’,参数值修改参数文件(如:Sybase主机上的 %SYBASE%\servername.cfg) 配置Sybase数 ...

原生javascript实现ajax,post参数

var json = { userid: userid, cid: cid, openid: openid, type: 1 }; // 原生ajax json = (function(obj){ / ...

《javascript设计模式与开发实践》阅读笔记(16)—— 状态模式

状态模式 会区分事物内部的状态,事物内部状态的改变往往会带来事物的行为改变.比如电灯的开关是开还是关,在外界的表现就完全不同. 电灯例子 按照常规思路,实现一个电灯就是构造一个电灯类,然后指定一下它的 ...

"'cl' 不是内部或外部命令，也不是可运行的程序"解决方案

最近使用VS2012+Qt5.1+QtCreator2.8.1来搭建Qt的开发环境(之前有用MinGW编译的经历,经常碰到gdb调试器崩溃的问题),全部换成想用VC的编译器和调试环境,但是觉得QtCr ...