JavaScript

JavascriptでNumLock、CapsLock、ScrollLockキーのON/OFFを取得する方法

投稿日:2018/12/05 更新日:

システム開発をしているとログイン画面でパスワードを正しく入力しているのにログインできないという問合せがよく来ます。
その中でも割と多いのが「大文字、小文字の違い、NumLockキーがOFFになっていて数字が正しく入力できていない」というものです。

今回はJavascriptでNumLockキー、CapsLockキー、ScrollLockキーのON/OFFを取得し、現在の状況をユーザーに画面上で分かるようにして、このような間違いを防ぎたいと思います。

NumLockキー、CapsLockキー、ScrollLockキーのON/OFFを取得する

JavascriptでNumLockキー、CapsLockキー、ScrollLockキーのON/OFFを取得するにはキーを押されたタイミングでgetModifierStateメソッドを利用して取得できます。

キー入力を拾うイベントは「KeyDown」イベントを利用します。

その中でeventで渡されたオブジェクト内の「getModifierState」を呼び出せば判断できます。

これでNumLockのON/OFF、CapsLockのON/OFF、ScrollLockのON/OFFの状態をユーザーに視覚的に教えることができます。

まとめ

意外と簡単にJavascriptでNumLockキー、CapsLockキーのON/OFF、ScrollLockのON/OFFの状態は取得できますね。

なお、動作はInternet Explore11とGoogle Chromeで動作確認しました。

以上、「JavascriptでNumLock、CapsLock、ScrollLockキーのON/OFFを取得する方法」でした。

スポンサーリンク

当サイトのおすすめ記事

パソコン 1

初心者でも失敗しないレンタルサーバーの選び方ですが、最近ではブログを立ち上げて、そこから広告収入を得る「アフィリエイト」が随分一般的になりました。 私の周りでも実際にやっている人が多くいます。 アフィ ...

プログラミング 2

SQLでIFを書けばWHERE句の内容を変えて検索できますが、条件ごとに同じようなSQLを 複数回書くのは面倒なので、1行で分岐できないかと言う事でSQLを作って見ました。 SQLでIFを使わずに条件 ...

SQLServer 3

SQLServerで発生するエラーコードをSQLで取得する SQLServerで発生したエラーコードの内容を メッセージが定義されているテーブルから取得します。 エラーコードを取得するSQL SQLs ...

4

SQLServerでは「ユーザー定義型」と呼ばれる独自のテーブル型をした戻り値を返す関数を作成することができます。 その作り方と使い方を解説します。 SQLServerでテーブル型を戻り値とする関数を ...

5

アフィリエイトでいきなり成果を出すのは難しいです。 でも、成果がないとレンタルサーバー代やドメイン代がペイできません。 しかも長い間、結果がでないとやる気もなくなってしまいます。 そういったことを防ぐ ...

-JavaScript
-

Copyright© ソフトウェア開発日記 , 2018 All Rights Reserved.