试着了解下keydown()方法的应用

作者：Terry2019.12.12来源：Web前端之家浏览：8764评论:0

关键词：js keydown()

keydown()是JQuery中的一个内置的方法，每当用户按下键盘上的键时，它都会触发keydown事件。如果一直按下该键，则每次操作系统重复该键时都会发送事件。所以，使用keydown()方法，我们可以检测是否有任何键正在向下移动。

keydown() 方法触发 keydown 事件，或规定当发生 keydown 事件时运行的函数。

语法：

$(selector).keydown(function)

selector表示选中的元素。

参数：它接受一个可选参数，指定keydown事件触发时运行的函数。

说明：与 keydown 事件相关的事件顺序

1、keydown - 键按下的过程

2、keyPRess - 键被按下

3、keyup - 键被松开

示例：

<!DOCtype html>
<HTML>
	<head>
		<meta charset="utf-8">
	</head>
	<body>
		<h4>在按键按下后触发keydown事件，输入框背景颜色会改变为黄色</h4> 
		输入你的名字: <input type="text">
		<script src="https://code.jQuery.com/jquery-1.10.2.JS"></scrIPt>
		<script>
			$(document).ready(function() {
				$("input").keydown(function() {
					$("input").CSS("background-color", "yellow");
				});
				$("input").keyup(function() {
					$("input").css("background-color", "pink");
				});
			});
		</script>
	</body>
</html>