jquery按键事件
jQuery keypress is one of the keyboard event methods. Other jQuery keyboard event methods are keyup and keydown.
jQuery keypress是键盘事件方法之一。 其他jQuery键盘事件方法是keyup和keydown。
jQuery按键 (jQuery keypress)
jQuery keypress method triggers with key press event of the javascript. Since this event varies across browsers, this is not covered in any official specification. This event triggers only for the focused element. This can vary across different browsers.
jQuery keypress方法使用javascript的按键事件触发。 由于此事件在不同的浏览器中会有所不同,因此任何正式规范均未涵盖。 此事件仅针对焦点元素触发。 跨不同的浏览器可能会有所不同。
jQuery keypress方法语法 (jQuery keypress method syntax)
- keypress(): This jQuery keypress method is used without any arguments. keypress():此jQuery keypress方法使用时不带任何参数。
- keypress(handler): This jQuery keypress method attaches a function to be executed when the keypress event is fired. keypress(handler):此jQuery keypress方法附加了一个在触发keypress事件时要执行的功能。
jQuery按键示例 (jQuery keypress example)
Following example demonstrates the use of jQuery keypress method.
以下示例演示了jQuery keypress方法的使用。
jquery-keypress.html
jquery-keypress.html
<!DOCTYPE html>
<html>
<head>
<title>jQuery keypress event example</title>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script>
$(document).ready(function(){
$("input:text").keyup(function(){
$("input:text").css("background-color","red");
});
$("input:text").keypress(function(){
$("input:text").css("background-color","yellow");
});
//reset jQuery keydown css
$("input:reset").click(function(){
$("input:text").css("background-color","white");
});
});
</script>
</head>
<body>
<h3>jQuery keypress example</h3>
Enter anything: <input type="text">
<input type="reset">
<br><br>
Type something above, background colour will change to yellow on key press.
<br><br>
Click on Reset button to try again.
</body>
</html>
In above example, when the key is pressed, keypress() method is triggered which in turn executes the function that changes the background colour to yellow.
在上面的示例中,当按下键时,将触发keypress()方法,该方法又执行将背景色更改为黄色的功能。
Below screencast shows above jQuery keypress event example in action.
下面的截屏视频显示了上面的jQuery keypress事件示例。
jQuery按键演示 (jQuery keypress demo)
jquery按键事件