html 画布鼠标点击状态,新手求助html5 canvas画布的鼠标单击事件，谢谢！

html>

var rect={x:100,y:100,w:40,h:20};//定义要画的矩形的位置属性

var canvas=document.getElementById('canvas');

var cxt=canvas.getContext('2d');

cxt.fillRect(rect.x,rect.y,rect.w,rect.h);//绘制矩形

canvas.οnclick=function(e){//给canvas添加点击事件

e=e||event;//获取事件对象

//获取事件在canvas中发生的位置

var x=e.clientX-canvas.offsetLeft;

var y=e.clientY-canvas.offsetTop;

//如果事件位置在矩形区域中

if(x>=rect.x&&x<=rect.x+rect.w&&y>=rect.y&&y<=rect.y+rect.h){

window.open('链接地址');//打开指定链接

}

}