Javascriptで疑似的にKeyUpイベントを発火させる方法

プログラミング JavaScript

JavascriptでKeyUpイベントを発火させるのは意外に簡単そうで、なかなかうまくできませんでした。

でもわかれば1行でできるので、今回はそれをメモとして残しておきます。

スポンサーリンク

Javascriptで疑似的にKeyUpイベントを発火させる方法

今回は、アプリケーション起動時に「NumLockキー」と「CapsLockキー」のON/OFFの状態を取得したかったので、画面起動時に疑似的にキーイベントを発火させて、そのイベント内で「NumLockキー」と「CapsLockキー」のON/OFFの状態を取得します。




<input id="message_area" style="color: red;" readonly="readonly" size="100" type="text" value="" />


JavascriptでKeyUpイベントを発火させるにはdispatchEvent()への引数にKeyboardEvent()を指定すればよいということで、

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

という処理を画面ロード時に実行します。

まとめ

これで無事に疑似的にKeyUpイベントを発火させることができました。

苦労をした割には、出来上がったコードは単純なものでした。

以上、「Javascriptで疑似的にKeyUpイベントを発火させる方法」でした。

タイトルとURLをコピーしました