1. 首页
  2. 移动开发
  3. HTML5
  4. 原生js拖拽(第一课 未兼容)拖拽思路

原生js拖拽(第一课 未兼容)拖拽思路

上传者: 2020-12-13 03:11:58上传 PDF文件 28.73KB 热度 10次
代码如下: /* 拖拽流程: 1、第一步点击需要拖动的元素 2、在点击下的元素被选中,进行move移动 3、当鼠标弹起的时候,停止动作 4、点击元素oDIV的时候,可用的是oDIV区域,而move和up则是全局区域,也就是整个文档通用,即应该用document */ oDIV = document.getElementById(“gaga”); oDIV.onmousedown = function( e ){ // 当鼠标点击下去的时候 var diffX = e.clientX – oDIV.offsetLeft; // 点击的位置距离浏览器最左边的位置(clientX) 再减去被点击元素
下载地址
用户评论