jquery keypress() 按键触发处理

本文介绍了 jquery keypress() 方法触发 keypress 事件，或规定当发生 keypress 事件时运行的函数。keypress 事件与 keydown 事件类似。当按钮被按下时发生该事件。

与 keypress 事件相关的事件顺序：

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

keypress() 方法触发 keypress 事件，或规定当发生 keypress 事件时运行的函数。

keypress 事件与 keydown 事件类似。当按钮被按下时发生该事件。

然而，keypress 事件不会触发所有的键（比如 ALT、CTRL、SHIFT、ESC）。请使用 keydown() 方法来检查这些键。

语法
触发被选元素的 keypress 事件：

$(selector).keypress()

添加函数到 keypress 事件：

$(selector).keypress(function)

参数

function : 可选。规定 keypress 事件触发时运行的函数。

实例：

<html>
<head>
<meta charset="utf-8"> 
<title>IT懒猫 www.catroom.com.cn</title> 
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
i=0;
$(document).ready(function(){
  $("input").keypress(function(){
    $("span").text(i+=1);
  });
});
</script>
</head>
<body>

输入你的名字: <input type="text">
<p>按键的次数: <span>0</span></p>

</body>
</html>

catroom

推荐文章

发表评论

catroom