next.js监听键盘事件监听键盘按下事件

1、监听全局键盘按下事件，例如监听全局回车事件

function home(){
  function handleKeydown(e){
        console.log("bbbbbbbbbbbbbb",e.keyCode);
        if(e.keyCode == 27){//esc
             
        }
    }
    useEffect(() => {
        document.body.addEventListener('keydown', handleKeydown)
        return ()=>{
         document.body.removeEventListener('keydown', handleKeydown)
        }
    }, [])
  return(
   <>
   </>  
)
}
export default home

 2、监听某个组件键盘按下事件，例如监听input组件的回车按下事件

function home(){
  function handleKeydown(e){
        console.log("bbbbbbbbbbbbbb",e.keyCode);
        if(e.keyCode == 13){//enter
             
        }
    }
  return(
   <>
 <input type="text" onKeyDown={handleKeydown}></input>
   </>  
)
}
export default home

 3、如果是要监听组合键ÿ