title: Close lightbox when ESC is pressed
body: <p>I am trying to close a lightbox when escape is pressed but the popup does not close.</p>
  
  <pre><code>$(document).keypress(function(e){
  
      if(e.keyCode==27 &amp;&amp; popupStatus==1){
  
          disablePopup();
      }
  });
  </code></pre>
  
  <p>Here's the full code:</p>
  
  <pre><code>var popupStatus = 0;
  var buttonDivID = "";
  var conDivID = "";
  
  //determine which div is clicked
  function setDiv( div ) {
      if( div==1){
          conDivID = "#intro";
      }
      if( div==2) {
          conDivID = "#presentation";
      }
  }
  
  //loading popup with jQuery magic!
  
  function loadPopup(){
  
      //loads popup only if it is disabled
  
      if(popupStatus==0){
  
          $("#backgroundPopup").css({
  
              "opacity": "0.7"
  
          });
  
          $("#backgroundPopup").fadeIn("slow");
  
          $(conDivID).fadeIn("slow");
  
          $(conDivID).CenterIt();
  
          popupStatus = 1;
  
      }
  
  }
  
  //disabling popup with jQuery magic!
  
  function disablePopup(){
  
      //disables popup only if it is enabled
  
      if(popupStatus==1){
  
          $("#backgroundPopup").fadeOut("slow");
  
          $(conDivID).fadeOut("slow");
  
          popupStatus = 0;
          buttonDivID = "";
          conDivID = "";
      }
  }
  
  
  
  //centering popup
  
  function centerPopup(){
  
      //request data for centering
  
      var windowWidth = document.documentElement.clientWidth;
  
      var windowHeight = document.documentElement.clientHeight;
  
      var popupHeight = $(conDivID).height();
  
      var popupWidth = $(conDivID).width();
  
      //centering
  
      $(conDivID).css({
  
          "position": "absolute",
  
          "top": windowHeight/2-popupHeight/2,
  
          "left": windowWidth/2-popupWidth/2
  
      });
  
      //only need force for IE6
  
      $("#backgroundPopup").css({
  
          "height": windowHeight
  
      });
  }
  
  //CONTROLLING EVENTS IN jQuery
  
  $(document).ready(function(){
  
      $("#vid2").click(function(){
      //set the lightbox divs
      setDiv(2);
      loadPopup();
      });
  
      //CLOSING POPUP
  
      //Click the x event!
  
      $(".popupContactClose").click(function(){
  
          disablePopup();
  
      });
  
      //Press Escape event!
  
      $(document).keypress(function(e){
  
          if(e.keyCode==27 &amp;&amp; popupStatus==1){
  
              disablePopup();
          }
      });
  });
  </code></pre>
  
  <p>The other method, which is clicking the x button closes the popup correctly.  Why doesn't this close it?</p>