一个canvas里，分别为其他元素绑定事件

Question

刚学canvas，搜了一些教程，还是不太明白怎么在一个canvas里怎么给img1.jpg,img2.jpg分别添加事件？如下简单例子：    var canvas=doc.querySelector('#canvas_wrapper');    var cvs=canvas.getContext('2d');    var imgArr=['img1.jpg','img2.jpg']    var images=[];    var img=null;    for(var i=0,len=imgArr.length;i<len;i++){        img=new Image();        img.src=imgArr[i];        images.push(img);    };    img.onload=function(){        cvs.drawImage(images[0],0,0,200,100); //给这个添加事件        cvs.drawImage(images[1],0,100,200,100); //给这个添加事件    };