禁用瀏覽器搜索並在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

的preventDefault()應該僅用於如果相關的關鍵是ctrl+f：

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

<input id="myInput" />

否則你防止使用任何​​做...