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.
1 2 3 4 5 6 7 8 |
$('#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:
1 2 3 4 5 6 7 8 |
$('#document').keypress(function(event){ var keycode = (event.keyCode ? event.keyCode : event.which); if(keycode == '13'){ alert('You pressed a "enter" key in textbox'); } }); |
JQuery keypress enter example:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 |
<html> <head> <script src="http://code.jquery.com/jquery-2.2.3.min.js"></script> </head> <body> <h1>Detect if Enter key is pressed</h1> <label>TextBox : </label> <input id="textbox" type="text" size="40" /> <script type="text/javascript"> $('#textbox').keypress(function(event){ var keycode = (event.keyCode ? event.keyCode : event.which); if(keycode == '13'){ alert('You pressed a "enter" key in textbox'); } }); </script> </body> </html> |
Output:
Live demo: jQuery keypress enter example
Join Our News Letter – Stay Updated
Subscribe to Awesome Java Content.