ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScriptを使用してテキストボックスのEnterキーでボタンのクリックをトリガーする方法は?

JavaScriptを使用してテキストボックスのEnterキーでボタンのクリックをトリガーする方法は?

Patricia Arquette
リリース: 2024-12-20 08:57:11
オリジナル
908 人が閲覧しました

How to Trigger a Button Click with the Enter Key in a Text Box using JavaScript?

JavaScript を使用してテキスト ボックスからボタンのクリック Enter キーをトリガー

特定のテキスト内で Enter キーが押されたときにボタンのクリック イベントをトリガーするにはボックスで、次の jQuery コードを利用します:

$("#id_of_textbox").keyup(function(event) {
    if (event.keyCode === 13) {
        $("#id_of_button").click();
    }
});
ログイン後にコピー

その方法は次のとおりです。 works:

  • $("#id_of_textbox"): ID によってテキスト ボックス要素を選択します。
  • .keyup(function(event)): キーアップ イベント リスナーをtext box.
  • event.keyCode === 13: 押されたキーコードが 13 であるかどうかを確認します。これは、以下に対応します。 Enter キー。
  • $("#id_of_button").click(): 指定された ID を持つボタン要素のクリック イベントをトリガーします。

たとえば、次のことを考えてみましょう。 HTML:

<input type="text">
ログイン後にコピー

「txtSearch」テキスト ボックスで Enter キーを押したときに「検索」ボタンをクリックしてトリガーするには、次を使用します。この jQuery コード:

$("#txtSearch").keyup(function(event) {
    if (event.keyCode === 13) {
        $("#btnSearch").click();
    }
});
ログイン後にコピー

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

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート