react 绑定键盘事件

componentDidMount(){
    document.addEventListener("keydown", this.onKeyDown)
  }

  componentWillUnmount(){
    document.removeEventListener("keydown", this.onKeyDown)
  }

  onKeyDown = (e) => {
    switch( e.keyCode) {
      case 13://回车事件
        break
    }
  }

事件有三种 onKeyPress onKeyDown onKeyUp 根据需要使用, 还能通过
e. ctrlKey
e.metaKey
e.shiftKey
等获取是不是用了组合键

 

禁用ctrl+s 保存

if(e.keyCode == 83 && (navigator.platform.match('Mac') ? e.metaKey : e.ctrlKey)){
  e.preventDefault();
}