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、如果是要监听组合键ÿ