title: Listen to keypress for document in reactjs
body: <p>I want to bind to close the active react bootstrap popover on <code>escape</code> press .Here is the code</p>
  
  <pre><code>_handleEscKey:function(event){
           console.log(event);
          if(event.keyCode == 27){
            this.state.activePopover.hide();
          }
     },
  
    componentWillMount:function(){
       BannerDataStore.addChangeListener(this._onchange);
       document.addEventListener("click", this._handleDocumentClick, false);
       document.addEventListener("keyPress", this._handleEscKey, false);
     },
  
  
     componentWillUnmount: function() {
       BannerDataStore.removeChangeListener(this._onchange);
        document.removeEventListener("click", this._handleDocumentClick, false);
        document.removeEventListener("keyPress", this._handleEscKey, false);
     },
  </code></pre>
  
  <p>But nothing is getting logged in the console when I press any key. I have tried to listen that on window also and with different cases .'keypress','keyup' etc but it seem I am doing something wrong .</p>