How to detect pressing Enter on keyboard using jQuery?

Question

I would like to detect whether the user has pressed Enter using jQuery.

How is this possible? Does it require a plugin?

EDIT: It looks like I need to use the keypress() method.

I wanted to know if anyone knows if there are browser issues with that command - like are there any browser compatibility issues I should know about?

Answer 1

I wrote a small plugin to make it easier to bind the "on enter key pressed" a event:

$.fn.enterKey = function (fnc) {     return this.each(function () {         $(this).keypress(function (ev) {             var keycode = (ev.keyCode ? ev.keyCode : ev.which);             if (keycode == '13') {                 fnc.call(this, ev);             }         })     }) } 

Usage:

$("#input").enterKey(function () {     alert('Enter!'); }) 

Answer 2

The whole point of jQuery is that you don't have to worry about browser differences. I am pretty sure you can safely go with enter being 13 in all browsers. So with that in mind, you can do this:

$(document).on('keypress',function(e) {     if(e.which == 13) {         alert('You pressed enter!');     } });