javascript - 为什么我的输入字段中填充了生成焦点事件的键？

Question

我正在监听 keydown 事件并检查它是否是 / 键。如果是，我想专注于文本输入。

我这样做:

 <input type="text" name="search" id="search" placeholder="Press '/' to search">

window.addEventListener('keydown', function(event){
    if(event.key === '/' || event.code === 'NumpadDivide'){
        document.getElementById("search").focus();
    }
})

上面的代码确实专注于输入，但它还插入了 /，使用 / 键填充该输入。

这是代码的 fiddle :

https://jsfiddle.net/0v47rnxm/

Answer 1

因为您需要“阻止”按键的常规行为。尝试添加；

event.preventDefault() 如下；

<input type="text" name="search" id="search" placeholder="Press '/' to search">

window.addEventListener('keydown', function(event){
    if(event.key === '/' || event.code === 'NumpadDivide'){
        event.preventDefault();
        document.getElementById("search").focus();
    }
})