Jquery keydown()
当您按下键盘上的某个键时,会发生keydown()事件,一旦发生keydown()事件,它就会执行关联的功能与keydown()方法一起运行。
keydown()事件通常与其他两个事件一起使用。
Keypress()事件: 它指定按下键。
Keyup()事件: 它指定释放密钥。
语法:
它触发选定元素的按下事件。
$(selector).keydown(function)
它为keydown事件添加了一个函数。
jQuery keydown()事件的参数
参数 |
说明 |
function |
这是一个可选参数。它会在触发keydown事件时自行执行。 |
jQuery keydown()事件的示例
我们以一个示例来演示jQuery keydown()事件。
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script>
$(document).ready(function(){
$("input").keydown(function(){
$("input").css("background-color", "green");
});
$("input").keyup(function(){
$("input").css("background-color", "violet");
});
});
</script>
</head>
<body>
写点东西: <input type="text">
</body>
</html>
输出:
写点东西:
注意: 如果您在上述文本框中输入内容,则背景颜色将在按下和按下时更改。