jQuery keydown() 方法

实例

当按下键盘键时，设置 <input> 字段的背景色:

<!DOCTYPE html>
<html>
<head>
<script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("input").keydown(function(){
    $("input").css("background-color", "yellow");
  });
  $("input").keyup(function(){
    $("input").css("background-color", "pink");
  });
});
</script>
</head>
<body>
输入姓名: <input type="text">
<p>在上面的输入框中输入您的姓名。它会在按下键和放开键时更改背景色</p>
</body>
</html>

运行一下

定义与用法

与 keydown 事件相关的事件顺序:

keydown - 键按下的过程
keypress - 键被按下
keyup - 键被松开

keydown 事件在按下键盘键时发生。

keydown() 方法触发 keydown 事件，或在发生 keydown 事件时附加要运行的函数。

提示: 使用 event.which 属性返回按下的键盘键。

语法

触发所选元素的 keydown 事件:

$(selector).keydown()

将一个函数附加到 keydown 事件:

$(selector).keydown(function)

参数	描述
function	可选。指定触发 keydown 事件时要运行的函数

jQuery keydown() 方法

实例

定义与用法

语法

更多实例

分类导航