Javascript on累积单击事件

我有一个组件，它管理一个包含带有游戏的arcticles的视图，并防止内存过载，如果在新窗口上打开或重新加载当前页面（带有复选框），则花时间在每篇文章中使用for，我在用户单击一篇文章时编写了此代码（每个文章都有类“flashgame”），根据用户的选择，它将转到游戏，或重新加载当前页面，或在另一个窗口中打开并玩游戏 这是我的代码：

jQuery(document).on('click', '.flashgame', function () {
  console.log(this);
  let denom = jQuery(this).find('.urlGame').data('denom');
  let val = jQuery(this).find('.urlGame').data('val');
  if (denom != "") {
    let gamear = denom.toString().split(',');
    let orderset: any[] = gamear;
    if (orderset.length > 1) {
      that.multidenoms = orderset.sort((a, b) => { return a - b; });
      that.gameId = val;
      console.log("modalflash is showing");
      that.modalflash.show();
    }
    else {
      that.goToFlash(val, gamear);
    }
  }
  else {
    that.goToFlash(val);
  }
});

这是一篇文章：

但无论出于何种原因，当我在项目中进行此更改时，该页面已累积了点击次数，例如：

硬重新加载，点击次数从零开始，我转到另一个页面，然后返回，点击次数增加了一次，以此类推

---

那么，我应该怎么做呢？是否有任何解决方法来防止这种“点击”过载？

我喜欢做的是在重新绑定事件处理程序时使用.off before.on。 比如说：

jQuery(document).off('click', '.flashgame').on('click', '.flashgame', function () { ...