イベントハンドラ内でremoveEventListenerを実行したい

Question

前提

Javascriptでトランプゲームを作成していて、イカサマイベントを実装しています。
そこでイカサマClassを作成しイベントを発火させ、カードに触れられないようにクリックイベントを削除したいのですが、うまくいかないです。
トランプゲームは、
・メインのゲームの進行クラスであるmain.js
・イベントリスナーなどの汎用関数をまとめたUtil.js
・イベントハンドラ等があるikasama.js
・カードを選択するプレイヤークラス
カードを選択するメソッドはプレイヤークラスですが、それを実行するのはメインの進行クラスである、main.jsです。
このイベントを削除したいです。

発生している問題

特にエラーメッセージなどは出ていません。
検証ツールでデバックしてみると、removeEventListenerの「handler」にはイベントを登録したmain.jsのメンバメソッドが渡ってきているようでした。

this.clickEvent
:
ƒ #onClickCard()
[[FunctionLocation]]
: 
main.js:110

ソースコード(汎用関数)

export default class Util {
  /**
   * 指定した時間だけ待つ（未指定の場合は1秒）
   */
  static sleep = (wait = 1000) => {
    return new Promise((resolve, reject) => {
      setTimeout(() => resolve(), wait);
    });
  };

  /**
   * イベントハンドラの追加
   */
  static addEventListener = (selector, event, handler) => {
    document
      .querySelectorAll(selector)
      .forEach((e) => e.addEventListener(event, handler));
  };
  /**
   * イベントハンドラを削除する
   */
  static removeEventListener = (selector, event, handler) => {
    document
      .querySelectorAll(selector)
      .forEach((e) => e.removeEventListener(event, handler));
  };
}

ソースコード(ゲームクラス)

import Util from "./util.js";
import Player from "./player.js";
import Com from "./com.js";
import Card from "./card.js";
import Pair from "./pair.js";
import Ikasama from "./ikasama.js";
/**
 * Gameクラス
 */
export default class Game {
  #you; //あなた（You）
  #com; // コンピュータ
  #cards; // 山札のカード
  #isRunning; // ゲームの実行状態
  /**
   * コンストラクタ
   */
  constructor() {
    this.#you = null;
    this.#com = null;
    this.#cards = [];
    this.#isRunning = false;
    this.#setUpEvent();
  }
  run() {
    this.#initialize();
  }
  /**
   * ゲームの状態を初期化する
   */
  #initialize() {
    // ①プレイヤーを生成する
    this.#you = new Player(".card.you");
    this.#com = new Com(".card.com");
    // ランダムイベントの抽選
    if (Util.randomEvent(8)) {
      this.#ikasamaActive();
    }
  }

  /**
   * 手札のクリックイベントハンドラ
   */
  #onClickCard() {
    if (this.#isRunning) {
      this.#you.selectCard(event.target);
    }
  }
  /**
   * イカサマウィンドウの振る舞い
   */
  #ikasamaActive() {
    // ウィンドウを表示する
    Ikasama.displayWindow();
    // イカサマを実行する
    Util.addEventListener("#intikiOn", "click", {player: this.#you, clickEvent: this.#onClickCard, handleEvent: Ikasama.destinyCard});
    // イカサマするのをやめる
    Util.addEventListener("#intikiNo", "click", Ikasama.goodBye);
  }
  /**
   * イベントハンドラを登録する
   */
  #setUpEvent() {
    Util.addEventListener(".card.you", "click", this.#onClickCard.bind(this));
  }
}

//...一部抜粋
selectCard(node) {
    node.classList.toggle("selected");
  };

ソースコード(イカサマクラス)

import Util from "./util.js";

export default class Ikasama {
  /**
   * イカサマの選択を迫る
   */
  static displayWindow() {
    document.querySelector('.ikasama').classList.add('active');
  }
  /**
   * イカサマを発動する
   */
  static async destinyCard() {
    document.querySelector(".ikasama").classList.remove("active");
    await Util.sleep();
    if(Util.randomEvent(4)) {
      this.player.cards.forEach((card, index) => {
        card.rank = 10 + index;
        card.suit = 1;
        card.index = 10 + index;
        if(index === 4) card.index = 1;
      });
    } else {
      this.player.cards.forEach((card, index) => {
        card.rank = 1 + index;
        if((index + 1) % 2 === 0) card.rank = 5 + index;
        card.suit = 1 + index;
        if (index === 4) card.suit = 1;
        switch (index) {
          case 0:
            card.index = 1;
            break;
          case 1:
            card.index = 19;
            break;
          case 2:
            card.index = 29;
            break;
          case 3:
            card.index = 47;
            break;
          case 4:
            card.index = 5;
            break;
        }
      });
    }
    this.player.sortCards();

    /**
     * イベントリスナーを解除しようとしてうまく行かず保留。
     * 試したこと：登録してある関数の参照を取得。mainメソッドで直接指定。
     */
    Util.removeEventListener(".card.you", "click", this.clickEvent);
    alert("自分のカードをすり替えました！！\n※このまま勝負してください。");
  };
}

以上です。
どうかよろしくお願いいたします。

Answer 1

解決方法

結果から言うと、bind(this)でコールバック関数を渡していたことが原因でした。
解決方法はクラスのプロパティとしてバインドしたコールバック関数を変数にして、そちらを参照するようにしました。

イベントを登録するときのイベントハンドラーを検証ツールでみてみると、「binding #onClickCard」となっていて、参照先が別の関数扱いになっていたようです。

#callbackEvent; // バインドしたコールバック関数
constructor() {
    this.#you = null;
    this.#com = null;
    this.#callbackEvent = this.#onClickCard.bind(this);
    this.#setUpEvent();
  }
Util.EventListener("#intikiOn", {
      player: this.#you,
      clickEvent: this.#callbackEvent,
      handleEvent: Ikasama.destinyCard,
    });
Util.EventListener(".card.you", this.#callbackEvent);