jsコールバック関数_javascriptスキルを詳しく解説

関数 a(コールバック){
アラート('a');
callback.call(this);//または callback()、callback.apply(this)、個人の好みに応じて
}
関数 b(){
アラート('b');
}
//
を呼び出します a(b);

関数 c(コールバック){
alert('c');
callback.call(this,'d');
}
//
を呼び出します c(関数(e){
アラート(e);
});

$("#id").bind('click',function(e){
//e.pageX, e.pageY, e.target... 各種データ
});

<スクリプト>
     var _$=関数 (id)
               {
                     this.element= document.getElementById(id);
                }
       _$.prototype={
            バインド:関数(evt,callback)
            {
                var that=this;
                if(document.addEventListener)
                {
                    this.element.addEventListener(evt, function(e){
                        callback.call(this,that.standadize(e));
                    } ,false);
                }
                else if(document.attachEvent)
                {
                    this.element.attachEvent('on' evt,function(e){
                        callback.call(this,that.standadize(e));
                    });
                }
                それ以外
                    this.element['on' evt]=function(e){
                        callback.call(this,that.standadize(e));
                    };
            }、
            standardize:function(e){
                 var evt=e||window.event;
                 var pageX,pageY,layerX,layerY;
                 //pageX 横座標标 pageY 座標标 layerX点击处は元素の横座標标にありますlayerY点击处は元素の横座標标にあります
                 if(evt.pageX)
                 {
                     pageX=evt.pageX;
                     pageY=evt.pageY;
                 }
                 それ以外
                 {
                    pageX=document.body.scrollLeft evt.clientX-document.body.clientLeft;
                    pageY=document.body.scrollTop evt.clientY-document.body.clientLTop;
                 }
                 if(evt.layerX)
                 {
                     LayerX=evt.layerX;
                     LayerY=evt.layerY;
                 }
                 それ以外
                 {
                     layerX=evt.offsetX;
                     layerXY=evt.offsetY;
                 }
                 戻る {
                    ページX:ページX,
                    ページY:ページY、
                    レイヤーX:レイヤーX、
                    レイヤーY:レイヤーY
                 }
            }
       }
       window.$=function(id)
       {
          return new _$(id);
       }
        $('コンテナ').bind('クリック',function(e){
            アラート(e.pageX);
        });
        $('container1').bind('click',function(e){
             アラート(e.pageX);
        });

     戻る {
                    ページX:ページX,
                    ページY:ページY、
                    レイヤーX:レイヤーX、
                    レイヤーY:レイヤーY
                 }

         関数(e){
        }