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

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

暂时就这么地吧