JQuery keydown()用法及代码示例

当您按下键盘上的某个键时，会发生 keydown() 事件，一旦发生 keydown() 事件，它就会执行与 keydown() 方法关联的函数来运行。

keydown() 事件通常与其他两个事件一起使用。

Keypress() 事件: 指定按键被按下。
Keyup() 事件:它指定 key 被释放。

用法：

$(selector).keydown()

它触发所选元素的 keydown 事件。

$(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>
Write something:<input type="text">
</body>
</html>

输出：

写点东西：

注意：如果你在上面的文本框中写了一些东西，那么keydown和keyup的背景颜色会改变。

相关用法

注：本文由纯净天空筛选整理自 jQuery keydown()。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。