How to detect escape key press with pure JS or jQuery?

Question

How to detect escape key press with pure JS or jQuery?

How to detect escape key press in IE, Firefox and Chrome? Below code works in IE and alerts 27, but in Firefox it alerts 0

$('body').keypress(function(e){

    alert(e.which);

    if(e.which == 27){

        // Close my modal window

    }

});

keyevent jquery javascript

3 years ago by Bharatgxwzm

3 Answers

Login / Signup to Answer the Question.

Login Signup

**espadacoder11** · Answer 1 · 2021-06-30T12:56:37

Using JavaScript you can do check working jsfiddle



document.onkeydown = function(evt) {

    evt = evt || window.event;

    if (evt.keyCode == 27) {

        alert('Esc key pressed.');

    }

};

Using jQuery you can do check working jsfiddle



jQuery(document).on('keyup',function(evt) {

    if (evt.keyCode == 27) {

       alert('Esc key pressed.');

    }

});

**pankajshivnani123** · Answer 2 · 2021-07-01T10:43:36

pankajshivnani123

check for keyCode && which & keyup || keydown



$(document).keydown(function(e){

   var code = e.keyCode || e.which;

   alert(code);

});

3 years ago

**sandhya6gczb** · Answer 3 · 2021-07-06T12:32:13

Note: keyCode is becoming deprecated, use key instead.



function keyPress (e) {

    if(e.key === "Escape") {

        // write your logic here.

    }

}

C TUTORIAL

C PROGRAMS

INTERVIEW TESTS

EXECUTE CODE

C++ TUTORIAL

C++ PROGRAMS

INTERVIEW TESTS

EXECUTE CODE

PYTHON TUTORIAL

PYTHON HOW TOS

INTERVIEW TESTS

EXECUTE CODE

JAVA TUTORIAL

JAVA CODE EXAMPLES

SPRING TUTORIAL

MORE IN JAVA

COMPUTER ARCHITECTURE

COMPUTER NETWORK

OPERATING SYSTEM

DBMS & SQL

PL/SQL

MongoDB

EXECUTE SQL

ANDROID DEVELOPMENT

GO LANGUAGE

LINUX

DOCKER

HTML TAGS (A to Z)

CSS REFERENCES

SASS/SCSS

KOTLIN

GAME DEVELOPMENT

PHP

GIT GUIDE

JAVASCRIPT

ADVANCED DSA

How to detect escape key press with pure JS or jQuery?

3 Answers

Login / Signup to Answer the Question.