Javascriptでキー入力イベントを発生させる方法

2018/12/11JavaScriptJavascript

記事内に広告が含まれています。

今回はJavascriptでキーボードから疑似的にキー入力イベントを発行してみます。

スポンサーリンク

Javascriptでキー入力イベントを発行する

今回はjQueryなどは利用せずに、直接documentオブジェクトのメソッドで実行します。

document.dispatchEvent( new KeyboardEvent( "keyup",{key: "a" })) ;

上記のようにdispatchEventメソッドにKeyboardEventオブジェクトでKeyUpイベントを生成してを渡すことで、プログラムからキーボードイベントを発行することができます。(例では「a」をキーボードから入力した際に発生するKeyUpイベントを発行しています。)
当然、KeyDownイベントなども発行できます。

この方法で発生させたイベントは

window.document.onkeyup = function( event ){  ・・・  }

のようにイベントとしてフックして処理が行えます。

まとめ

意外と簡単にキーボードイベントは発行できることわかりました。

以上、「Javascriptでキー入力イベントを発生させる方法」でした。

システムトラストでは一緒に働いていただける仲間を募集中です。
記事内に広告が含まれています。
株式会社システムトラスト

システムトラストでは、システムエンジニア、プログラマーなどを随時募集中です。気軽にご相談ください。

お問合せ