compositionEnd 和 input 事件（中文输入法问题）

最新推荐文章于 2024-01-16 08:50:23 发布

weixin_34055787

最新推荐文章于 2024-01-16 08:50:23 发布

阅读量569

点赞数

文章标签： python

原文链接：https://my.oschina.net/u/2399303/blog/777725

版权

2019独角兽企业重金招聘Python工程师标准>>>

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

暂时就这么地吧

转载于:https://my.oschina.net/u/2399303/blog/777725