Canvas onClick绑定无法按预期工作

Question

我正在开发基于画布的时间轴。 我想触发onClick事件来获取有关被点击元素的信息。

canvas.onclick = function(e){
  var evt = e || event;
  var x = evt.offsetX;
  var y = evt.offsetY;

  for(var i=0;i<items_loaded.length;i++){
    var item = items_loaded[i];
    alert(x + ' | ' + y);
    if((x > item['x_start'] && x < item['x_end']) && (y > item['y_start'] && y < item['y_end'])){
      alert('Trovata fermata con ID: ' + item['id']);
    }
  }
}

我查了一下代码，事件好像不对。