JavascriptでNumLockキーの状態を取得する方法

2018/12/11JavaScriptJavascript

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

Javascriptを使ってキーボードのNumLockキーの状態を取得してみます。

キーボードのNumLockキーの状態を取得するには「KeyUp」イベントでgetModifierStateメソッドを利用して取得します。

JavascriptでNumLockキーの状態を取得する

キーボードのNumLockキーの状態を取得するには「KeyUp」イベントで引数で渡されたオブジェクトのgetModifierStateメソッドを呼び出してチェックします。

<script>
    window.document.onkeyup = function( event ){
        if( event.getModifierState( "NumLock" ) === false ) {
            console.log( "NumLock OFF" ) ;
        }
        else {
            console.log( "NumLock ON" ) ;
        }
    }
</script>

これでキーボードから何か入力するたびに現在のNumLockキーのONとOFF状態が取得できます。

まとめ

Javascriptでキーボードの状態を取得するのは難しいかと思いましたが、意外と簡単に取得することができました。

以上、「JavascriptでNumLockキーの状態を取得する方法」でした。

システムトラストでは一緒に働いていただける仲間を募集中です。
株式会社システムトラスト

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

お問合せ