jQuery 鍵盤事件之keypress()事件

keypress 事件

#定義與用法

keypress 事件與 keydown 事件類似。當按鈕被按下時，會發生該事件。它發生在當前獲得焦點的元素上。

不過，與 keydown 事件不同，每插入一個字符，就會發生 keypress 事件。

keypress() 方法觸發 keypress 事件，或規定發生 keypress 事件時執行的函數。

註解：如果在文件元素上進行設置，則無論元素是否獲得焦點，該事件都會發生。

語法

$("").keypress()

下面我們先來看一個實例：

<html>
<head>
<meta charset="utf-8">
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
Enter your name: <input type="text" />
<p>Keypresses:<span>0</span></p>


<script type="text/javascript">
      i=0;
      $("input").keypress(function(){
        $("span").text(i+=1);
      });
</script>
</body>
</html>

新建檔案

<html>
<head>
<meta charset="utf-8">
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
Enter your name: <input type="text" />
<p>Keypresses:<span>0</span></p>


<script type="text/javascript">
	 i=0;
	 $("input").keypress(function(){
	 $("span").text(i+=1);
	 });
</script>
</body>
</html>

提交重置程式碼

自動運行

全螢幕