javascript,JQueryでエンターキーを疑似的に送信させたい

Question

実現したいこと

javascript,JQueryでエンターキーを疑似的に送信させたい

発生している問題・分からないこと

以下の参照ソースコード（１or２）で試してみても、反応がありません。
(testボタンを押下することで、search-noテキストボックスにaを入力させようとしています）
なお、参照ソースコードでは、エンターではなくとりあえずaを疑似的に押下させようとしています。

該当のソースコード

<script>
  $("#test").on("click", function() {
    // １
    var KEvent = new KeyboardEvent("keydown", {keyCode: 40});
    /* キーの押下のイベントを発生させる */
    const textAreaEl = document.querySelector($("#search-no"));
    textAreaEl.dispatchEvent(new KeyboardEvent('keydown', {
      key: 'a',
    }));
    // ２
    var enterEvent = new KeyboardEvent('keydown', {key: 'a', bubbles: true, cancelable: true});
    $("#search-no").dispatchEvent(enterEvent);
  });
</script>

試したこと・調べたこと

• teratailやGoogle等で検索した
• ソースコードを自分なりに変更した
• 知人に聞いた
• その他

上記の詳細・結果

aキーの疑似押下にはならず、反応が何もされない。

補足

特になし

Comments

[退会済みユーザー]

<script>
$("#test").on("click", function() {
// テキストボックスの要素を取得
const textAreaEl = document.querySelector("#search-no");

// 'a'キーの押下イベントを作成
var aKeyEvent = new KeyboardEvent('keydown', {
key: 'a',
bubbles: true,
cancelable: true
});

// イベントをテキストボックスにディスパッチ
textAreaEl.dispatchEvent(aKeyEvent);
});
</script>

[nyankou]

回答ありがとうございます。試してみたのですが、#search-noにaが挿入されませんでした。

Answer 1

不可能です。
JavaScript で人工的に作ったイベントではブラウザのデフォルト動作は起こせないよう規格で決められています。

Comments

[nyankou]

回答ありがとうございました。
エンターキーのキーコードを送信することで、疑似的にエンターキーを押すようにすること自体が不可能という理解でよいでしょうか。

[int32_t]

KeyboardEvent を作成して dispatch するアプローチでは、「キーを押したことにする」は不可能です。
document.execCommand()なら可能なケースもあるかもしれません。