Enterキーでボタンをトリガーする方法

JavaScriptを使用して、キーボードの「enter」キーでボタンをトリガーします。

Enterキーでボタンをトリガーします

入力フィールド内に「enter」キーを押してボタンをトリガーしてください：

ボタン

インスタンス

// 入力フィールドを取得します
var input = document.getElementById("myInput");
// ユーザーがキーボードのどのキーを押したときに実行される関数
input.addEventListener("keypress", function(event) {
  // ユーザーがキーボードのEnterキーを押した場合
  if (event.key === "Enter") {
    // 必要であれば、デフォルトの操作をキャンセルします
    event.preventDefault();
    // 触発ボタンのクリックイベントをトリガーします
    document.getElementById("myBtn").click();
  }
});

自分で試してみる

関連ページ

リファレンスマニュアル：KeyboardEvent key属性