×

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

作者:Terry2019.12.12来源:Web前端之家浏览:7288评论:0
关键词:jskeydown()

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>

大家可以试下。

您的支持是我们创作的动力!
温馨提示:本文作者系Terry ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://jiangweishan.com/article/js820934809238409809.html

网友评论文明上网理性发言 已有0人参与

发表评论: