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>
大家可以试下。
网友评论文明上网理性发言 已有0人参与
发表评论: