How can I close a modal popup on hitting escape?

Question

I have made a modal box popup functionality and I want to close this modal popup up box when someone hits the escape key, in all browsers. I have used the file modal-window.min.js for these popups.

How can I close these in response to this key?

Answer 1

With the keydown function:

$(document).keydown(function(event) { 
  if (event.keyCode == 27) { 
    $('#modal_id').hide();
  }
});

Note: Prefer using keydown for the Escape key as in some browsers the keypress event is only fired if the key outputs a character

Answer 2

$(document).keypress(function(e) { 
    if (e.keyCode === 27) { 
        $("#popdiv").fadeOut(500);
        //or
        window.close();
    } 
});