var toDraggable = function(target,cb_onpointerdown,cb_onpointermove,cb_onpointerup){

    var data={

      "ing":false,

      "x0":0,

      "y0":0

    }

    var _getXY = function(evt){

      var x = evt.clientX;

      var y = evt.clientY;

      if(evt.isPrimary ){

        var x = evt.clientX;

        var y = evt.clientY;

      }else if(evt.touches && evt.touches[0]){

        var touch = evt.touches[0];

        var x = touch.X;

        var y = touch.Y;

      }else{

        var x = evt.x;

        var y = evt.y;

      }

      return [x,y];

    }

    var _onpointerdown = function(target,data,cb_onpointerdown){

      // var target = evt.target;

      return function(evt){

        data.ing = true;

        var xy = _getXY(evt);

        data.x0 = xy[0];

        data.y0 = xy[1];

        var r = true;

        if(cb_onpointerdown){

          r = cb_onpointerdown(evt,xy[0],xy[1]);

        }

        if(r){ 

          evt.preventDefault();evt.stopPropagation(); 

          document.addEventListener('pointermove',_onpointermove);

          document.addEventListener('pointerup',_onpointerup);

        }

        

        return false;

      }

    }(target,data,cb_onpointerdown)

    var _onpointermove = function(target,data,cb_onpointermove){

      return function(evt){

        if(!data.ing){return;}

        var xy = _getXY(evt);

        var gapX = xy[0]-data.x0;

        var gapY = xy[1]-data.y0;

        data.x0 = xy[0];

        data.y0 = xy[1];

        var r = true;

        if(cb_onpointermove){

          r = cb_onpointermove(evt,gapX,gapY);

        }

        if(r){ evt.preventDefault();evt.stopPropagation(); }

        return false;

      }

    }(target,data,cb_onpointermove)

    var _onpointerup = function(target,data,cb_onpointerup){

      return function(evt){

        var r = true;

        if(data.ing && cb_onpointerup){

          r = cb_onpointerup(evt);

        }

        data.ing = false;

        if(r){ 

          evt.preventDefault();evt.stopPropagation();

          document.removeEventListener('pointermove',_onpointermove);

          document.removeEventListener('pointerup',_onpointerup);

        }

        return false;

      }

    }(target,data,cb_onpointerup)

    var _notouchmove = function(evt){ evt.preventDefault();evt.stopPropagation() ;return false;}

    var _enable = false;

    var enable = function(){

      if(!_enable){

        target.addEventListener('pointerdown',_onpointerdown);

        target.addEventListener('touchmove',_notouchmove);  

        _enable = true;

      }

      

    }

    var disable = function(){

      if(_enable){

        target.removeEventListener('pointerdown',_onpointerdown);

        target.removeEventListener('touchmove',_notouchmove);

        _enable = false;

      }

    }

    enable();

    

    return {"enable":enable,"disable":disable}

  }