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

2018-12-11JavaScript

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

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

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

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

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

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

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

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

まとめ

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

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