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

2018/12/112021/01/09JavaScriptJavascript

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

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

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

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

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

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

まとめ

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

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

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

お問合せ