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

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

上传者: 2021-11-05 19:36:03上传 PDF文件 98.50 KB 热度 6次

简单说明下 附上代码实际上就是页面上所有地方上的事件都集中到一点,点击页面任何位置都会弹出a,也就是setCapture()作用。我们首先把所有的document改回div,记不记得我们之前讲过因为鼠标拖动的快点就容易拖出div,所以把事件都加在document上。而现在就不必这样做了,给我们之前的div加上一个setCapture()看看效果。实际上加了setCapture()以后,整个网页上所有的事件都会聚集在这一个div上面。所以呢,其实这个setCapture()就像一把锁,现在都锁住了,事件都在div上面,现在解锁就可以了 那相对应的就有 releaseCapture();releaseCapture(); 就是释放捕获。最后我们坐下兼容,实际上来说这个setCapture() 是不兼容的,放在其他浏览器就错了。

用户评论