js实现适配移动端的拖动效果

<div id="div1">
 <div id="div2"></div>
</div>

var flag = false;
var cur = {
 x: 0,
 y: 0
 }
 var nx, ny, dx, dy, x, y;
 
 function down() {
 flag = true;
 var touch;
 if(event.touches) {
 touch = event.touches[0];
  } else {
  touch = event;
 }
 cur.x = touch.clientx;
 cur.y = touch.clienty;
 dx = div2.offsetleft;
 dy = div2.offsettop;
 }
 
 function move() {
 if(flag) {
  var touch;
  if(event.touches) {
  touch = event.touches[0];
  } else {
  touch = event;
  }
  nx = touch.clientx - cur.x;
  ny = touch.clienty - cur.y;
  x = dx + nx;
  y = dy + ny;
  div2.style.left = x + "px";
  div2.style.top = y + "px";
  //阻止页面的滑动默认事件
  document.addeventlistener("touchmove", function() {
  event.preventdefault();
  }, false);
 }
 }
 //鼠标释放时候的函数
 function end() {
 flag = false;
 }
 var div2 = document.getelementbyid("div2");
 div2.addeventlistener("mousedown", function() {
 down();
 }, false);
 div2.addeventlistener("touchstart", function() {
 down();
 }, false)
 div2.addeventlistener("mousemove", function() {
 move();
 }, false);
 div2.addeventlistener("touchmove", function() {
 move();
 }, false)
 document.body.addeventlistener("mouseup", function() {
 end();
 }, false);
 div2.addeventlistener("touchend", function() {
 end();
}, false);