1. 首页
  2. 编程语言
  3. Javascript
  4. Javascript 拖拽的一些简单的应用(逐行分析代码,让你轻松了拖拽的原理)

Javascript 拖拽的一些简单的应用(逐行分析代码,让你轻松了拖拽的原理)

上传者: 2021-11-11 04:09:49上传 PDF文件 67.60 KB 热度 10次

今天我们来看看如何让拖拽的物体不能拖出某个div之外和拖拽的吸附功能上次讲到我们的拖拽是不可拖出可视区范围的,在这基础上我们加个父级的div,不让他拖出父级。接下来就是如何让他自动吸附。这其实之前将运动的时候提到过,就好比打车你不可能分毫不差的让司机停在那里,他肯定是停在靠近目的地的地方。那程序也是一样的,差不多快到了就直接赋值即可。假设我拖拽的物体离左边50px的时候,我就认为他到了左边,那直接赋值为0,他就会自动吸附上去。稍作修改即可下一次会讲到高级应用,这些会更加的负责更加的有用。比如说图片的拖拽和文字的选中。比如说我们现在的这个拖拽页面上就只有一个div,在平时开发中是不会遇到的。下次会解决 ~ 尽请期待

用户评论