js solves the mobile problem of movebox

This article shares with you the relevant operations of js to solve the movebox mobile problem and cancel the default drag event of the image for your reference. The specific content is as follows

html:

<!DOCTYPE html> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 
  <link href="../Content/" rel="stylesheet" /> 
  <script src="../Scripts/"></script> 
  <title></title> 
  <meta charset="utf-8" /> 
</head> 
<body> 
  <div > 
    <div ></div> 
    <div > 
      <img  src="../Images/"/> 
    </div> 
    <img  src="../Images/" /> 
  </div> 
</body> 
</html>

js:

var movebox; 
 = function () { 
  movebox = ("movebox"); 
  ("mousedown", function (e) { 
    if ( &gt; 0) { 
      fun2(); 
      return false; 
    } 
     &amp;&amp; (); //Mingge: Remove the picture and drag the response. It is very important     = ; 
     = ; 
    gen._x = ; 
    gen._y = ; 
     =  - gen._x; 
     =  - gen._y; 
    ("mousemove",fun1,false); 
    ("mouseup", fun2, false); 
  }, false); 
}; 
var fun1 = function (e) { 
   =  - ; 
   =  - ; 
  var timefun = function () { 
    ().removeAllRanges(); 
    if ( &lt; 100) 
       = 100; 
    else if ( &gt; 200) 
       = 200; 
    if ( &lt; 125) 
       = 125; 
    else if ( &gt; 175) 
       = 175; 
    setLT(movebox, , ); 
  }; 
  setTimeout(timefun, 2); 
}; 
var fun2 = function () { 
  ("mousemove", fun1, false); 
  ("mouseuo", fun2, false); 
}; 
var gen = { 
  x: null, 
  y: null, 
  _x: null, 
  _y: null, 
  dx: null, 
  dy: null, 
  L: null, 
  T:null, 
}; 
var setLT = function (dom, L, T) { 
   = L + "px"; 
   = T + "px"; 
};

css:

body { 
  position:absolute; 
  margin:0; 
  padding:0; 
} 
#center{ 
  position:absolute; 
  top:200px; 
  left:300px; 
  width:400px; 
  height:400px; 
  background-color:#808080; 
} 
#black{ 
  position:absolute; 
  width:400px; 
  height:400px; 
  z-index:80; 
  background-color:#000; 
  opacity:0.6; 
} 
#bigimg{ 
  z-index:50; 
  position:absolute; 
  left:100px; 
  top:125px; 
} 
#movebox{ 
  z-index:100; 
  position:absolute; 
  width:100px; 
  height:100px; 
  left:150px; 
  top:150px; 
  overflow:hidden; 
  cursor:move; 
  background-color:#ff6a00; 
} 
#moveimg{ 
  position:absolute; 
  left:-50px; 
  top:-25px; 
}

The above is all about this article, I hope it will be helpful to everyone's learning.