JQuery Event Keypress: Which key was pressed?

Question

JQuery Event Keypress: Which key was pressed?

With jQuery, how do I find out which key was pressed when I bind to the keypress event?

$('#searchbox input').bind('keypress', function(e) {});

I want to trigger a submit when ENTER is pressed.

Even though I found the (or better: one) answer myself, there seems to be some room for variation ;)

Is there a difference between keyCode and which - especially if I'm just looking for ENTER, which will never be a unicode key?

Do some browsers provide one property and others provide the other one?

events javascript jQuery

3 years ago by Bharatv4tg1

3 Answers

Login / Signup to Answer the Question.

Login Signup

**akshay1995** · Answer 1 · 2021-06-11T12:19:42

akshay1995



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

 if(code == 13) { //Enter keycode

   //Do something

 }

3 years ago

**kshitijrana14** · Answer 2 · 2021-06-15T04:41:04

Try this

$('#searchbox input').bind('keypress', function(e) {

    if(e.keyCode==13){

        // Enter pressed... do anything here...

    }

});

**pankajshivnani123** · Answer 3 · 2021-06-15T13:14:31

If you are using jQuery UI you have translations for common key codes. In ui/ui/ui.core.js:



$.ui.keyCode = { 

    ...

    ENTER: 13, 

    ...

};

There's also some translations in tests/simulate/jquery.simulate.js but I could not find any in the core JS library. Mind you, I merely grep'ed the sources. Maybe there is some other way to get rid of these magic numbers.

You can also make use of String.charCodeAt and .fromCharCode:



>>> String.charCodeAt('\r') == 13

true

>>> String.fromCharCode(13) == '\r'

true

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

JQuery Event Keypress: Which key was pressed?

3 Answers

Login / Signup to Answer the Question.