jQuery keyup() 方法

实例

当松开键盘键时，设置 <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>

运行一下

定义与用法

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

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

keyup 事件在放松键盘键时发生。

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

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

语法

触发选定元素的 keyup 事件:

$(selector).keyup()

将函数附加到 keyup 事件:

$(selector).keyup(function)

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

jQuery keyup() 方法

实例

定义与用法

语法

更多实例

分类导航