События пользовательских объектов

function Lina(x)
{
    this.x =x;
    this.Draw();
}
Lina.prototype.Draw = function()
{
<отрисовка объекта>
}

function Lina(x)
{
        this.x =x;
        this.Draw();
}
Lina.prototype.Draw = function()
{
 var id = "someId";
 var HtmlTemplate = '<div><span id="'+id+'"><span></div>';
 
 this.element = document.getElementById('someId');
 this.element.onclick = this.onElementClick();
}
 
Lina.prototype.onElementClick = function(e){
 
}

(function() {
 
var canvas=document.getElementById("can"),
    ctx=can.getContext("2d")
    figures=[]
setInterval(function() {
    var current
    for (var i=0, L=figures.length; i<L; i++) {
        current=figures[i]
        if (current.type=="point") {ctx.drawRectangle(current.x, current.y, 1, 1)}
    }
}, 1)
canvas.onclick=function(e) {
    if (!e) {e=window.event}
    var x=e.pageX ? e.pageX-can.offsetLeft : e.clientX+document.documentElement.scrollLeft-can.offsetLeft,
        y=e.pageY ? e.pageY-can.offsetTop : e.clientY+document.documentElement.scrollTop-can.offsetTop,
        current
    for (var i=0, L=figures.length; i<L; i++) {
        current=figures[i]
        if (current.type=="point") {
            if (current.x==x && current.y==y) {current.onclick(e)}
        }
    }
}
 
})()
 
var point={
    x: 10,
    y: 45,
    type: "point",
    onclick: function(e) {alert("IS")}
}
figures.push(point)