jquery按键输入示例
时间:2020-02-23 14:46:10 来源:igfitidea点击:
在本教程中,我们将看到如何检测jQuery是否按下输入键。
要捕获Enter KeyPress,我们将使用按键事件绑定DOM元素,如果ASCII值为13,则按下输入键。
所以基本上代码看起来像这样。
$('#textBox').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'); } });
jquery按键输入示例:
<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>