jQuery keydown事件
时间：2020-02-23 14:46:10 来源:igfitidea点击:
jQuery keydown是键盘事件方法之一。
其他jQuery键盘事件方法是keyup和keypress。
jQuery按键
首次按下键盘上的某个键并按住时，jQuery keydown方法将触发。
您可以附加函数以在发生此事件时执行。
jQuery keydown方法语法
keydown()：此jQuery keydown方法使用时不带任何参数。
keydown(handler)：此jQuery keydown方法附加了一个在触发keydown事件时要执行的功能。
jQuery keydown示例
以下示例演示了jQuery keydown方法的使用。
jquery-keydown.html
<!DOCTYPE html>
<html>
<head>
<title>jQuery keydown 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").keydown(function(){
$("input:text").css("background-color","green");
});
$("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 keydown example</h3>
Enter anything: <input type="text">
<input type="reset">
<br>
Type something above and hold the key, background colour will change to Green.
<br>
Click on Reset button to try again.
</body>
</html>
在上面的示例中，当按住键时，将触发keydown()方法，该方法又执行将背景颜色更改为绿色的功能。
