示例为在react中使用,在vue或别的项目中方法一样,在页面加载完成时监听键盘的keydown事件,页面销毁前移除事件。
其余按键事件同理。
handleSaveBtn = (event: KeyboardEvent) =>{
if ((event.ctrlKey || event.metaKey) && event.key == 's'){
event.preventDefault();
this.onSave(); //执行需要操作的函数,例如保存数据
}
}
componentDidMount() {
this.init();
window.addEventListener('keydown', this.handleSaveBtn);
}
componentWillUnmount() {
window.removeEventListener('keydown', this.handleSaveBtn);
}