任意のイベント中に別のイベントを発火させたい

Question

やりたいこと

疑似コピー機能として、ブラウザ上で文字列がselectされて、かつcmdキー+Cキーが押された時に、javascriptの変数に格納しようとしています。
添付したコードは以下のような動作をさせようとしています。

1. selectイベントが起きたらselectされている文字列を変数”selectedText”に格納
2. cmdキーとcキーのkeydownを確認したら、変数”copiedText”に”selectedText”を格納

現状

1,2共に単独だと動きますが、何か文字列をselectしていると2の動作ができません
何かイベントが行われている最中では、他のイベントは認識されないのでしょうか？
また解決策を教えていただきたいです。

普段はPythonを書いており、javascriptは初心者です。
OSはmacでブラウザはChromeです。
よろしくお願いいたします。

window.addEventListener("select",selectText, false);
window.addEventListener("keydown",pressFunction, false);
window.addEventListener("keyup",releaseFunction, false);
function selectText(){
  var selectedText = document.getSelection().toString();
  return selectedText
}
var keyStatus = {};
// キーを押されたら実行する処理
function pressFunction(e,selectedText)
{ 
 keyStatus[e.keyCode] = true; // 該当のキーコードをtrueにする
 if(keyStatus[91] && keyStatus[67]) { // cmdとC両方trueなら
   var copiedText = selectedText;
  }
}
// キーが離されたら実行する処理
function releaseFunction(e)
{
 keyStatus[e.keyCode] = false; // 該当のキーコードをfalseにする
}

追記

    var keyStatus = {};
    var listener = {selectedText: '', handleEvent: function handleEvent (e) {
      // e.preventDefault();
      switch(e.type){
        case "select":
          var selectedText = document.getSelection().toString();
          console.log(selectedText);
        break;

        case "keydown":
          keyStatus[e.keyCode] = true; // 該当のキーコードをtrueにする
          console.log(e.keyCode);
          if(keyStatus[91] && keyStatus[67]) { // cmdとC両方trueなら
            console.log(selectedText);
            var copiedText = selectedText;
            console.log(copiedText);
          }
        break;
        case "keyup":
          keyStatus[e.keyCode] = false;
        break;
      }
    }};

Answer 1

リスナー間で値を共有するなら、addEventListenerの第二引数に「handleEvent プロパティを持つlistenerオブジェクト」を指定し、event.type で分岐処理すると良いも思います。
https://developer.mozilla.org/ja/docs/Web/API/EventTarget/addEventListener#The_event_listener_callback

var listener = {selectedText: '', handleEvent: function handleEvent () {}};

window.addEventListener('select', listener, false);
window.addEventListener('keydown', listener, false);
window.addEventListener('keyup', listener, false);

Re: onushinosenzo さん

Comments

[onushinosenzo]

ご回答ありがとうございます。追記に追加したコードのように書き直したのですが、いまだに文字列select中にkeydownがキャッチできず、またselectedTextも共有できていないようなのですが、どこが間違えているか教えて頂けないでしょうか？

[think49]

> var selectedText = document.getSelection().toString();

ローカル変数は関数呼び出し完了時にクリアされます。

関数の外側にあるオブジェクト(listener)を this で参照して下さい。
何のために、listener.selectedText を定義したのかを考えてみて下さい。

Answer 2

var selectedText;を関数の外側に置かないと、ほかの関数から参照できません。

Comments

[onushinosenzo]

ご回答ありがとうございます。追記に追加したコードのように書き直したのですが、いまだに文字列select中にkeydownがキャッチできず、またselectedTextも共有できていないようなのですが、どこが間違えているか教えて頂けないでしょうか？

[kei344]

handleEvent でどう扱うかはわかりませんが、少なくとも var selectedTextと書くものでは無いのでは。