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>