一个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); //给这个添加事件

    };