keyup
http://www.w3school.com.cn/jquery/event_keyup.asp
触发 keyup 事件
语法
$(selector).keyup()
将函数绑定到 keyup 事件
语法
$(selector).keyup(function)
keydown
http://www.w3school.com.cn/jquery/event_keydown.asp
keydown 类似keyup, 不在过多说明
案例
<!DOCTYPE HTML>
<html>
<head>
<title>keydown&keyup</title>
</head>
<body>
<body>
Enter your name: <input type="text" />
<p>当发生 keydown 和 keyup 事件时,输入域会改变颜色。请试着在其中输入内容。</p>
</body>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("input").keydown(function(e) {
e = window.event || e;
if (e.keyCode == 38 || e.keyCode == 40) {
$("input").css("background-color", "#FFFFCC");
}
});
$("input").keyup(function() {
$("input").css("background-color", "#D6D6FF");
});
});
</script>
</html>