个性化阅读
专注于IT技术分析

jQuery keydown()

本文概述

当你按下键盘上的一个键时, 会发生keydown()事件, 并且一旦发生keydown()事件, 它就会执行与keydown()方法关联的功能以运行。

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

  • Keypress()事件:它指定按下键。
  • Keyup()事件:它指定释放密钥。

句法:

$(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>

立即测试

输出:

写一些东西:

注意:如果你在上述文本框中输入内容, 则背景颜色将在按下和按下时更改。

赞(0)
未经允许不得转载:srcmini » jQuery keydown()

评论 抢沙发

评论前必须登录!