javascript - 禁用浏览器搜索并使用我自己的 CTRL F 搜索输入

Question

我正在尝试禁用浏览器搜索功能，同时我想在网站中关注我自己的自定义搜索框。

这里是相同的代码。

 document.addEventListener("keydown", function(e) {
      if (e.keyCode == 70 && e.ctrlKey || e.keyCode === 114) {
              document.getElementById("myInput").focus();
            }
        e.preventDefault();
    })

它禁用浏览器搜索功能并聚焦我的自定义搜索栏，但它不允许我在自定义搜索输入中键入任何内容。

Answer 1

如果相关键是 ctrl+f，则应仅使用preventDefault():

document.addEventListener("keydown", function(e) {
  if (e.keyCode == 70 && e.ctrlKey || e.keyCode === 114) {
    document.getElementById("myInput").focus();
    e.preventDefault();
  }
})

<input id="myInput" />

否则您将阻止任何 keydown 使用正在执行的操作...