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>
效果图:
相关推荐:
有疑问加站长微信联系(非本文作者)