cocos2d-html5 Mouse click event not working -

i developing cocos2d-html5 based game. trying handle mouse click event in code below. added in 'cc.layer.extend' class. when tested code, not detecting mouse click event, doing nothing when click through mouse. please suggest wrong in code , how can handle mouse click event in layer created scene?

approach 1 :      var closemenuitem = cc.menuitemimage.create(     "res/familyroombutton.png",     "res/familyroombutton.png",     function () {     alert("works");     },this);     closemenuitem.setanchorpoint(cc.p(0.5, 0.5));      var menu = cc.menu.create(closemenuitem);                 menu.setposition(cc.pointzero());                 this.addchild(menu, 1);                 closemenuitem.setposition(cc.p(size.width - 20, 20));     approach 2:       var item1 = new cc.menuitemfont.create("familyroombutton",this,this.playsound);          item1.setposition(500,500);            var menu = cc.menu.create(item1);           menu.setposition(new cc.point(0,0));             this.addchild(menu);     playsound:function()        {                 alert("play works!!!");         } 

have add

this.setmouseenabled(true);

in init:function() ??