Обработчик событий в Canvas

Есть канвас с имитацией падающих блоков (реализовано координатами с отрисовкой через .fillRect(), с дальнейшим изменением Y ). Хочу повесить обработчик на клик по блоку, скажем чтобы блок исчезал. Как мне это реализовать? Или сама идея взаимодействия с рисующимся объектом неверна?

function drawSquare() {
  //очистка поля
  ctx.clearRect(0, 0, ROW_COUNT * SIZE, COLUMN_COUNT * SIZE);
  //отрисовка квадратика на сгенерированной позиции
  ctx.fillStyle = "red";
  ctx.fillRect(x * SIZE, y * SIZE, SIZE, SIZE);


  document.getElementById("catch").innerText = `CATCH: ${countCatch}`; 
  document.getElementById("lost").innerText = `LOST: ${countLost}`; 
}

//анимация падения
function offsetY() {
  //обнуление позиции
  if (y === COLUMN_COUNT) {
    HIT.play();
    generatePosition();
    //увеличение счетчика пропущенных
    countLost++;
  } else {
    y++;
  }
  drawSquare();
}