Commandキー(Ctrlキー)を押している状態でZキーを離すとイベントが取得できない

Question

javascriptでUndoの機能を実装しようとしています．macで，commandキーとzキーを同時押しするとundoが実行される感じです．
同時押しの取得は，keydownイベントで押されたキーコードに対応する変数をtrueとし，両方がtrueになった際に同時押しと判定する．という実装になっています．この際，キーが離された時に対応する変数をfalseにするのですが，commandキーが押されている状態でzキーを離してもkeyupイベントでzキーのイベントが取得できず，falseにならないと言った問題が生じています．
つまりcommaneキーを押しながらzキーを離すとzキーはずっと押されている状態と判定され，commandキーを押しっぱなしでzキーを連打して一つずつUndoするということができないといった状態です．
ブラウザはgoogleChromeの最新です．
解決策をご教授願いたいです．よろしくお願いします．

以下コードです．

    var pressCommand = false;
    var pressZ = false;
    function undoKeydown(e) {        
        e = window.event || e;
        if (e.keyCode == 90) pressCommand = true;
        if (e.keyCode == 91) pressZ = true;
        if (pressCommand && pressZ) undo();
    }
    function undoKeyup(e) {        
        e = window.event || e;
        if (e.keyCode == 90) pressCommand = false;
        if (e.keyCode == 91) pressZ = false;
    }
    document.addEventListener("keydown", undoKeydown);
    document.addEventListener("keyup", undoKeyup);

Answer 1

commandはevent.metaKey, ctrlはevent.ctrlKeyで押されているかどうかがわかるので、↓のように書けます。

addEventListener('keydown', function (event) {
  if (event.key === 'z' && (event.ctrlKey || event.metaKey)) {
    // undoの処理
  }
});

こちらのページでキーを押して動作を確認してみてください。
https://codepen.io/hoo-chan/pen/WMpyRo

Comments

[ukey]

動作確認できました......!ありがとうございます！！