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>

提出するリセットコード

自動運転

全画面表示