次に、Jquery を使用して Enter キーを実装し、フォーカスを切り替えます。このコードは、一般的なブラウザー IE7、IE8、Firefox 3、Chrome 2、Safari 4 でテストされています。 使用した開発ツールは Microsoft VS2010 Jquery フレームワークです 実装手順は次のとおりです 1. まず、Jquery クラス ライブラリを参照します 2. JavaScript コード コードをコピー コードは次のとおりです: <br> $(function () {<br> $('input:text:first').focus();<br> var $inp = $('input:text');<br> $ inp.bind ('keydown', function (e) {<br> var key = e.that;<br> = $inp.index ( this) 1;<br> $(":input:text:eq(" nxtIdx ")").focus();<br> /script> <br><br><br> <br>分析: <br>$('input:text:first').focus(); <br> <br>ページが初期化されると、フォーカスは最初のテキスト ボックスに配置されます</div> var $inp = $('input:text'); <p>タイプ=テキストボックスの要素のコレクション<br> </p>$inp.bind('keydown', function (e) {} <p> </p>「keydown」イベントをテキスト ボックス コレクションにバインドします<p> </p>var key = e.that <p> </p>Enter = 13 のキー値など、現在押されているキー値を取得します<p> </p>e.preventDefault(); <p> </p>デフォルトの動作が発生するのを防ぎ、別の動作が発生するようにすることができます。ここでは、PostBack が発生するのを防ぎ、代わりにフォーカスを切り替えます。もう 1 つの同様のメソッドは stopPropagation で、これは js イベントのバブルアップを防ぎます。 <p></p>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
