keydown

键盘按下


jquery keydown()方法 语法

作用:完整的 key press 过程分为两个部分:1. 按键被按下;2. 按键被松开。当按钮被按下时,发生 keydown 事件。keydown() 方法触发 keydown 事件,或规定当发生 keydown 事件时运行的函数。如果在文档元素上进行设置,则无论元素是否获得焦点,该事件都会发生。请使用 .which 属性来确定按下了哪个按键(亲自试一试)。

触发keydown事件语法:$(selector).keydown()

将函数绑定到keydown事件语法:$(selector).keydown(function)

参数:

参数描述
function    可选。规定当发生 keydown 事件时运行的函数。    

jquery keydown()方法 示例

<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("input").keydown(function(){
    $("input").css("background-color","#FFFFCC");
  });
  $("input").keyup(function(){
    $("input").css("background-color","#D6D6FF");
  });
});
</script>
</head>
<body>
Enter your name: <input type="text" />
<p>当发生 keydown 和 keyup 事件时,输入域会改变颜色。请试着在其中输入内容。</p>
</body>
</html>
运行实例 »

点击 "运行实例" 按钮查看在线实例

热门推荐