javascript实现移动端触屏拖拽功能

本文实例为大家分享了javascript实现移动端触屏拖拽的具体代码，供大家参考，具体内容如下

HTML:

CSS:

    * {
      margin: 0;
      padding: 0;
    }
    html,body {
      width: 100%;
      height:100%;
    }
    #div1 {
      width: 50px;
      height: 50px;
      background: cyan;
      position: absolute;
    }

JS:

说明 :

maxW:div1可移动的最大宽度
maxH:div1可移动的最大高度
oL、oT:鼠标所点位置的坐标

效果:

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。