JavaScript で Enter キーを使用してボタンのクリックをトリガーするにはどうすればよいですか?

JavaScript の Enter キー マジックによるボタン クリックのトリガー

Web 開発では、ユーザーがアクションを便利に実行できるようにすることが不可欠です。使いやすさを向上させる 1 つの方法は、特定の入力フィールド内で Enter キーを使用してボタンのクリックをトリガーできるようにすることです。

コンピュータに入力テキスト ボックス (#txtSearch) とボタン (#btnSearch) があるシナリオを考えてみましょう。ページ。テキスト ボックス内で Enter キーが押されたときにボタンの doSomething() 関数を実行したいとします。

JavaScript の能力を解き放つ

この機能を実現するには、JavaScript が役に立ちます。具体的には、キーが放されたときにトリガーされる keyup イベントを利用します。簡単に実装する方法は次のとおりです:

$("#txtSearch").keyup(function(event) {
  if (event.keyCode === 13) {
    $("#btnSearch").click();
  }
});

内訳:

• $("#txtSearch").keyup() はテキスト ボックス内のキーアップ イベントをキャプチャします。 .
• if (event.keyCode === 13) は、解放されたキーが Enter であるかどうかを確認します ( keyCode 13).
• $("#btnSearch").click() はボタンのクリックをシミュレートし、その doSomething() 関数をトリガーします。

このコードは、指定されたテキスト ボックス内で Enter キーが押されると、指定されたボタンが事実上クリックされます。

以上がJavaScript で Enter キーを使用してボタンのクリックをトリガーするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。