因为我们在做一些键盘处理时,可能会用到上下左右按键进行其他处理。比如表单输入框的跳转,这时候就会出现一个bug。如果我是正常使用中文输入法在打字,正常情况按上下左右键是可以进行选字操作的。因为我这里键盘事件的缘故,按键会导致跳到下一个输入框了,无法正常选字。
一开始翻阅文档发现是有对应的事件回调的,compositionstart,compositionupdate,compositionend三个事件。通过绑定事件去判断什么时候输入法结束也是可以的。就是这样处理比较麻烦,后面发现event是有直接给isComposing参数来判断的。
event事件有抛出来一个参数叫isComposing,代表是否正在使用输入法录入。
那么我们只需要在键盘逻辑里进行判断,isComposing为true时不进行操作即可。
详见 https://developer.mozilla.org/zh-CN/docs/Web/API/KeyboardEvent/isComposing
function handleKeyUpEvent(event){
const { keyCode, ctrlKey, isComposing } = event;
if (isComposing && [37, 38, 39, 40].includes(keyCode)) return;
}