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>

提出するリセットコード

自動運転