JavaScript モニタリングのキーの組み合わせについて

#お勧め: 「JavaScript 入門チュートリアル #」

1.考え方

図に示すように、キーボードのキーダウン イベントを監視および出力することで、アイコンの内容が取得されます。観察の結果、

押されたキーの組み合わせに Ctrl キーが含まれる場合、ctrlKey キーは true として表示されます。

押されたキーの組み合わせに Shift キーが含まれる場合、または、 キーを押す前に大文字化がオンになっている場合、shiftkey キーは true として表示されます。

押されたキーの組み合わせに Alt キーが含まれる場合、altKey キーは true として表示されます。

押されたキーの組み合わせにメタ キーが含まれている場合 (Mac コンピュータの場合、上記は [⌘] とコマンド キーです。Mac 以外のコンピュータが win キーである場合、

、メタキー キーはtrueと表示されます

また、キーが押された際に、イベントを通じて対応するキーのASCIIコードが取得できるので、これらの情報を組み合わせてキーを判断することができます

2. コード例

        // 按下键盘事件处理函数
        onKeyDown(event) {
           const keyCode = event.keyCode || event.which || event.charCode; // 有些浏览器除了通过keyCode获取输入键code，还可以通过which，charCode获取，这么写是出于浏览器兼容性考虑
 
 
            const keyCombination = event.ctrlKey ;
 
            if (keyCombination && keyCode == 75) {
                console.log("按下了Ctrl + k键");
            }
        }

以上がJavaScript モニタリングのキーの組み合わせについての詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。