ysysdzz2 2012-09-05 20:58
浏览 493
已采纳

js DIV拖动的问题，怎样实现多个目标div。

[img]http://img0.52tietu.com/?MF81NzQzXzBfMjAxMjA5MDUxMTMwMzMxMQ.png[/img]
PS：我要得到目标div的id 是因为我之后要判断碰撞。实现多拖动对象，多目标对象的碰撞
目前只能做到固定1个目标 多个拖动对象
[img]http://img0.52tietu.com/?MF81NzQzXzBfMjAxMjA5MDUxMTUwMzM1OQ.png[/img]

麻烦大家帮忙想想办法

  • 写回答

2条回答

查看更多回答(1条)

报告相同问题？

  • vue实现div拖拽互换位置
    2020-10-17 16:47
    在Vue框架中实现div元素的拖拽互换位置是一项常见的功能需求，它主要通过监听和控制DOM元素的拖放事件来完成。本文将详细探讨如何使用Vue技术实现该功能，并提供相应的代码示例供读者参考。 首先，要实现拖拽功能，...
  • js控制多个div拖拽和拖动、且能保存数据至cookie、数据库、xml
    2011-12-19 11:56
    本示例涉及的主题是“js控制多个div拖拽和拖动、且能保存数据至cookie、数据库、xml”，这是一项实用技术，尤其适用于创建交互性强的Web 2.0应用程序。下面将详细介绍这一主题的相关知识点。 首先，让我们了解...
  • JS实现网页Div层Clone拖拽效果
    2020-10-23 14:00
    本文标题“JS实现网页Div层Clone拖拽效果”，即意味着文章要介绍如何利用JavaScript语言实现网页中某个Div元素（一个层）的拖拽，并且当用户拖拽该元素时，会生成一个副本（Clone），即拖拽的同时复制元素，使得页面...
  • JavaScript实现拖动div盒子
    2024-08-07 10:55
    繁星全栈的博客 拖拽功能
  • JS+DIV实现拖动效果
    2020-10-15 16:31
    然而，这样的实现存在一个问题：在某些情况下，元素可能无法正确响应拖动，特别是在有多个重叠元素的情况下。为了解决这个问题，我们可以进行优化： 1. **事件捕获**：在优化的代码中，引入了事件捕获机制。`this....
  • js实现div拖动
    2022-02-13 11:19
    雪碧瓶子用一年的博客 大致思路： 鼠标按下并且移动的时候，使得鼠标点击...所以大致分为三个步骤。 首先，鼠标的按下事件 let flag = 0; //确定该图层是否鼠标处于按下状态 let oldMX = 0 //鼠标的原X位置 let oldMY = 0 //鼠标的原Y...
  • 【vue】 vue实现前端拖拽div位置交换
    2024-12-25 00:39
    web18285997089的博客 添加的实现：vue技术像一个前端页面的数据管理器，它里面的 “v-for”列表渲染指令支持当列表数据增加的时候实现重新渲染增加一个条目。拖拽的实现：这里有两种可能性，一个是如果是往前拖拽，则所要拖拽元素放在...
  • JavaScript 实现同时选取多个时间段的方法
    2020-10-16 04:46
    在JavaScript中实现同时选取多个时间段的功能，通常涉及到时间管理、事件监听和数据结构的处理。以下是一个基于Vue.js的示例，它展示了如何通过HTML、CSS和JavaScript来创建一个时间段选择器。 首先，HTML部分创建...
  • JS实现鼠标拖动div移动(附效果演示).zip
    2021-02-22 18:15
    在JavaScript中，实现鼠标拖动div移动的效果是前端开发中常见的交互设计，它涉及到DOM操作、事件处理以及坐标计算等多个知识点。以下将详细介绍这个过程。 首先，我们需要理解`div`在HTML中的作用。`div`元素是块级...
  • 前端必学：纯CSS+JS实现div拖拽调整大小（兼容上下左右方向）
    2026-03-21 00:43
    独自冷静的时光的博客 本文详细介绍了如何使用原生JavaScript和纯CSS实现多方向Div拖拽调整大小的工程化实践。通过核心原理解析、水平/垂直拖拽实现、多方向复合系统设计以及性能优化技巧，帮助开发者构建高效、流畅的Web界面交互方案，...
  • 没有解决我的问题, 去提问