Обработчик события для объекта

var zz = {
    
    width: 100,
    height: 100,
    background: "#cd32cd",
    
    start:  function(){
                var t = this
                var a = document.createElement("div")
                a.style.width = t.width + "px"
                a.style.height = t.height + "px"
                a.style.background = t.background
                document.body.appendChild(a)
            }
    
}
 
zz.start()

a.onmouseover = over
a.onmouseout = out
a.onclick = clik

var zz = {
    
    width: 100,
    height: 100,
    background: "#cd32cd",
    element : null,
    
    init : function() {
        element = document.createElement("div");
        element.style.width = this.width + "px";
        element.style.height = this.height + "px";
        element.style.background = this.background;
        document.body.appendChild(element);
    },
        
    addListeners : function() {
        element.onmousedown = function() {
                
        };
                
        element.onmousemove = function() {
                
        }
    }
    
}
 
window.onload = function() {
        zz.init();
        zz.addListeners();
}