react 中綁定鍵盤事件

方法一

直接綁定在原生事件上，這個一般是用來捕捉編輯的時候的事件，用的不多

<textarea onKeyDown={e=> console.log( e.keyCode ) } />

方法二

export class KeyBind extends React.Component {
  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 等獲取是不是用了組合鍵

本文轉自：http://react-china.org/t/react/27050