jQuery Keypress enter example

Table of Contents

JQuery keypress enter example:
Output:

In this post, we will see how to detect if enter key is pressed or not in jQuery.

To capture enter keypress, we will bind dom element with keypress event and if ascii value is 13, then enter key is pressed.

So basically code will look something like this.


$('#textBox').keypress(function(event){
    var keycode = (event.keyCode ? event.keyCode : event.which);
    if(keycode == '13'){
        alert('You pressed a "enter" key in textbox');
    }
});

$('#textBox').keypress(function(event){

var keycode = (event.keyCode ? event.keyCode : event.which);

if(keycode == '13'){

alert('You pressed a "enter" key in textbox');

}

});

If you want to catch keypress event in whole web page, you can simply use:


$('#document').keypress(function(event){
    var keycode = (event.keyCode ? event.keyCode : event.which);
    if(keycode == '13'){
        alert('You pressed a "enter" key in textbox');
    }
});

$('#document').keypress(function(event){

var keycode = (event.keyCode ? event.keyCode : event.which);

if(keycode == '13'){

alert('You pressed a "enter" key in textbox');

}

});