在 typescript 中全局檢測按鍵？

Question

我想在整個網站上檢測按鍵，即在全球范圍內收聽按鍵。 我嘗試在反應中的 div 上添加 onKeyDown 屬性，但它沒有捕獲全局事件

<div onKeyPress={(e) => console.log(e)}>
    <MainLayout visualizerMode={true} />
</div>

Answer 1

這可以通過監聽onKeyDown類型的事件來實現，在文檔 object 中。

將此添加到您的反應組件：

useEffect(() => {
    document.addEventListener('keydown', (e: KeyboardEvent) => console.log(e))
}, [])

希望，這很有幫助！