NEW ARTICLE
Reactアプリでアクセシビリティ（a11y）を向上させる技術
  1. HOME
  2. javascript
  3. javascript ファンクションキーを全て無効化する

javascript ファンクションキーを全て無効化する

javascript ファンクションキーを全て無効化する

javascriptでF1キーなどのファンクションキーを全て無効化させるサンプルコードとなります。

目次

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43
  • ブラウザ chrome 102.0.5005.63
Javascript サンプル集はこちら

ファンクションキー 無効化

キーコードの範囲を指定して全て無効化します。

window.document.onkeydown = function(event){
  if(event.keyCode >= 112 && event.keyCode <= 123)
    {
        event.keyCode = null;
        event.returnValue = false;
    }
};

ちなみに、windowオブジェクトは省略して記述することが可能です。

document.onkeydown

引数に指定してる「event」やアロー関数も使用すると、より簡潔に記述できます。

アロー関数の使い方
eventを省略する
document.onkeydown = () => {
    if (event.keyCode >= 112 && event.keyCode <= 123) {
        event.keyCode = null;
        event.returnValue = false;
    }
};