如何在HTML5画布上使用多个点击事件？

var path1 = new Path2D();var path2 = new Path2D();var newpaths = [path1,path 2];   // Array is needed to store pathspath1.arc(200, 85,650, -0.2 * Math.PI, 2.7 * Math.PI);  // Path for red partpath2.arc(200, 85, 60, 2.7 * Math.PI, -1.1 * Math.PI);  //Path for  grey part// Two path objects are rendered  using a common context ctx1, but with different stylectx1.lineWidth = 16;ctx1.strokeStyle = "#d43030";ctx1.stroke(path1);ctx1.strokeStyle = "#b8b8b8";ctx1.stroke(path2);

<canvas id = "myCanvas1"></canvas> // Then it is attached with corresponding canvas.