Raphael-拖放时检测重叠元素

2023-12-02

我试图通过拖放另一个元素来获取元素。 例如,我有 2 个圆圈:c1 和 c2。 我想要做的是:如果我将 c2 放在 c1 之上,因此它们重叠(并非完全必要),我可以得到圆圈 c1 (例如:id,标题...等)。

http://jsfiddle.net/Tomen/LYjnV/1/

有办法做到吗?


我不确定你是否想要碰撞的移动元素,或者碰撞的静态元素 - 所以我会同时提供两者。 (听起来你想要静态的,但 Element.onDragOver 给出的正是这个,正如 Oli 的评论中所建议的)

这是一个基本的jsfiddle哪个访问两个元素:

  • For the 静态元素被碰撞的,它使用拉斐尔的Element.onDragOver
  • For the 移动元件正在被拖动,它使用一些基本代码大致基于 jQuery UI 的 Draggable 和 Droppable 库如何执行此操作,如此处所述- 通过在拖动时将拖动的对象放置在全局命名空间中,然后从那里访问它。

Raphael 可能已经有这样的功能来访问拖动的元素,但如果有的话,我还没有在文档、代码或 DOM 中找到它。

我对第二点的实现是一个非常基本的演示,需要改进。对于更完整的东西,我建议阅读并从经过严格测试和改进的 jQuery UI 使用的代码中获取灵感来完成同样的事情

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Raphael-拖放时检测重叠元素 的相关文章

  • Caliburn.Micro 在 WPF 中拖放文件

    我已经使用 Caliburn Micro 2 0 1 创建了桌面应用程序 现在我需要添加拖放行为 用户将从 Windows 资源管理器中拖动文件 我需要获取它的路径 但是我正在搜索两天了 我没有找到任何关于如何为 Caliburn Micr
  • Raphaeljs 在 IE 中将所有文本呈现为斜体

    我在用着拉斐尔 JS http raphaeljs com index html用于直观地表示一些数据 底层技术是 SVG 所以显然在 IE 中并不总是能很好地工作 但是该库在渲染有用的东西方面做得相对不错 尽管它通常看起来很差 无论如何
  • 如何在 WPF 中显示正在拖动的项目?

    我一直在开发一个 WPF 应用程序 它本质上是一个所见即所得编辑器 并且使用拖放功能 我可以使用拖放功能 但需要使其更加直观和用户友好 其中一部分将涉及实际显示被拖动的项目 做到这一点最简单的方法是什么 我拖动的项目没什么特别的 但我什至不
  • 在 IntelliJ Idea IDE 中禁用单击、拖动、剪切和粘贴

    在我的 IntelliJ Idea 13 1 2 IDE 中 我不断遇到通过笔记本电脑触摸板单击并拖动进行选择的情况 我总是不小心点击并拖动文本和剪切线 我在选项和设置面板中搜索了 单击和拖动 一词 但我没有找到关闭此功能的方法 Intel
  • 拖放文件上传

    因此 我正在努力寻找我正在寻找的东西以及如何实现它 我有一个基本的 PHP 文件上传器 用户按下自定义上传按钮 选择一个文件 然后使用 JS 检查更改 即用户选择文件 然后提交上传图像的表单美好的 我现在还想要一个拖放上传区域 因此 用户可
  • 通过 dataTransfer 传递对象

    我试图找出一种通过 javascript 的 event dataTransfer 传递本机对象以进行拖放的方法 我正在编写 CMS 的前端编辑器部分 并希望用户能够拖放元素 许多不同类型 从文件到图像到 HTML 片段到几乎任何内容 这就
  • Snap.svg 如何获取我们拖动的元素

    我正在使用 Snap svg 库并进行一些拖放操作 我的问题是如何获取我拖动的元素的 id 我正在尝试实现拖放 并且只有选定的区域才是有效的放置目标 我不知道如何检查拖拽下方的元素是什么 这是来自文档 Element drag onmove
  • 自定义光标,无需库即可拖放 HTML 元素

    I have an HTML page which has some draggable elements Our specs say that hovering mouse on such element the cursor must
  • 在运行时拖动窗体上的控件

    我刚刚开始使用 WPF 但我正在尝试添加我的代码 来自 Winforms 使用户能够在运行时将任何控件拖动到他们想要的任何位置 但我似乎无法获取鼠标当前的位置 呃 没有鼠标位置 在 Mouse 事件中 您可以使用 e GetPosition
  • WPF 的拖放列表框

    我正在寻找一个简单的ListBox具有内置的拖放功能 我认为 Silverlight 4 工具包有 The BoxList应该可以 通过拖放项目重新排序 从一个项目中拖动项目BoxList到另一个 显示拖动项目的预览 幽灵版本 显示放置位置
  • Java 拖放图像并在拖动时显示图像缩略图

    我有一个带有图像节点的网格布局 我想在我的应用程序中添加 dnd 功能 例如 当我将图像节点拖放到目标 JPanel 时 进行一些操作 例如以原始大小显示 删除等 我已经实现了这与一种使用 Transferhandler 的方法和一种使用
  • android中如何实现列表之间的拖放?

    我试图做到这一点 以便用户可以从一个列表视图中拖动文本视图 然后将其放入另一个列表视图中 但我发现这非常困难 到目前为止我发现的最大问题是 onTouchEvents 似乎只能在 ACTION DOWN 事件起源的视图中听到 我将单击一个列
  • 用于更改向量中元素顺序的闪亮小部件

    在很多网站上 您都有一个拖放界面来更改列表中元素的顺序 我正在寻找类似的东西闪亮 我希望用户能够拖放列表中的元素 通过更改顺序来更改优先级 现在我有一个滥用的解决方案selectizeInput 这是可行的 但当选择列表变得更大时 它很快就
  • 如何在 drop 事件 jquery 上获取已删除项目的 id

    当我将某些东西放到 jquery droppable 时 我想获取删除的项目的 id 当我这样做时 here droppable tolerance fit accept one drop function id this attr id
  • 如何在 e2e AngularJS 测试中进行文件上传?

    在我的一种观点中 我有一个文件上传控件 它支持通过拖放或单击按钮后打开的标准文件对话框上传文件 How to do this in my e2e tests1 1 Just one of the two options will be en
  • 在网格上拖动时拖动图像更改

    我正在 StartDrag 上创建自定义 DragObject 的实例 procedure TForm1 GridStartDrag Sender TObject var DragObject TDragObject begin DragO
  • 更改 RaphaelJS 中的文本

    如何更改 RaphaelJS 创建的文本节点中的文本 首先 我使用 Raphael 创建一个带有文本字符串的新元素 稍后我想更改此文本 如果我这样做的话对我来说会更容易not必须重新初始化该元素 因为将附加大量属性 重新创建会很痛苦 有没有
  • 我可以将 Outlook 中的项目拖到我的 SWT 应用程序中吗?

    背景 我们基于 Eclipse RCP 3 6 的应用程序允许人们拖动文件进行存储 处理 当从文件系统中拖动文件时 这种方法可以正常工作 但当人们直接从 Outlook 中拖动项目 消息或附件 时 这种方法就不行了 这似乎是因为 Outlo
  • 在 UWP 中拖放到银行帐户列表中

    我有一个本地银行的通用 Windows 应用程序 我正在处理汇款视图 他们需要使用 UWP 应用程序中的拖放功能将资金从一个帐户转移到另一个帐户 我已经制作了动画部分 但在将列表项拖放到 帐户至 列表后需要帮助 I ll attach a
  • CSS flexbox 内的 Angular CDK 拖放问题

    我在使用 Angular CDK 中的拖放模块时遇到了问题 我在容器 div 中使用它 该容器具有 除其他外 以下 CSS 属性 display flex flex wrap wrap The flex wrap属性在这里 以便如果包含的可

随机推荐

  • 如何为 Dash/Plotly 中的下拉菜单命名

    我对破折号还很陌生 我试图弄清楚如何将名称放置在下拉菜单和滑块上方 并在它们之间提供一些间隙 我在侧面而不是在下拉列表的顶部得到这些名称 数据集 模型类型 这是我一直在使用的代码 html Div className row childre
  • 如何使用 iTextSharp 将 HTML 转换为 PDF

    我想使用 iTextSharp 将以下 HTML 转换为 PDF 但不知道从哪里开始 p This em is em span class headline some span strong sample em text em strong
  • Arrays.binarySearch 无法正常工作

    我有字符串数组 1 2 3 我使用 Arrays binarySearch 搜索所有这些数字 它找到 1 和 2 但对于 3 它返回 1 知道为什么会这样吗 什么是比始终在数组 集合中进行搜索更好的替代方案 数组必须是有序的 String
  • 大矩阵的 SciPy 插值

    我有一个 ndarray Z 在矩形网格 X Y 上有大约 500000 个元素 现在我想在 x y 中的大约 100 个位置处插入值 这些位置不一定在网格上 我有一些在 Matlab 中运行的代码 data interp2 X Y Z x
  • str_extract 特定模式(示例)

    我对正则表达式语法仍然有点困惑 你能帮我解决这些模式吗 A00 A1234B A00 A12345B A1 A12345 到目前为止我的方法 vapply strsplit files function files files nchar
  • TPL队列处理

    我目前正在开发一个项目 我需要将一些作业排队进行处理 这是要求 作业必须一次处理一个 排队的项目必须能够等待 所以我想要类似的东西 Task
  • 在非不同索引上使用递归 cte 计算不同行

    给出以下架构 CREATE TABLE identifiers id TEXT PRIMARY KEY CREATE TABLE days day DATE PRIMARY KEY CREATE TABLE data id TEXT REF
  • 大型数据库文件的 SQLite 磁盘 I/O 错误

    在我的 C 程序中 我读取了大约 350GB 的压缩 CSV 文件 并将数据存储在 SQLite v3 数据库中 我在用着System Data SQLite来自 NuGet 我的数据库目前约为 147GB 在尝试运行下一个 INSERT
  • 如何将 ArrayList 保存在 Bundle 对象中

    Hi我需要帮助寻找存储方式 ArrayList
  • 添加新视图控制器的视图作为子视图

    我正在尝试以下操作 但未能添加新的视图控制器视图 这是呈现视图控制器的唯一方法吗 我们不能从其他故事板视图控制器视图添加视图吗 Working let vc UIStoryboard name Main bundle nil instant
  • 使用 Gmaps4rails 通过 AJAX 调用渲染 Gmap

    这里有一些主题试图涵盖这一点 Gmaps4rails 动态加载时地图不显示尤其是这里 通过Ajax使用gmaps4rails渲染谷歌地图 还观看了动态更新 gmap 的截屏视频 但我似乎仍然无法使其工作 仅当单击显示用户和报价之间方向的按钮
  • 所以我正在尝试获取 2 个 div 容器 它们都应包含居中文本 x 轴和 y 轴 感谢 Google 和 stackoverflow 我偶然发现了一些使用垂直对齐等的解决方法 但似乎没有任何效果 right menu position ab
  • Plotly:如何在注释中同时使用美元符号和换行符?

    不确定我是否在这里遗漏了一些明显的东西 但是当我插入一个中断时 br 到带有注释的文本中 它似乎忽略了它 我试过了fig add annotations但同样的事情发生了 你知道为什么这不起作用吗 import pandas as pd i
  • Java -> C# 创建抽象类的匿名实例

    出于培训目的 我正在遵循为 Java 编写的教程 到目前为止我已成功将其 翻译 为 C 但是 我现在面临一个问题 我真的不知道如何解决它 我能找到的最接近 可能的问题答案是这个问题 尽管我现在在理解委托和 lambda 表达式方面存在问题
  • 每次在命令行中运行 gulp 时出现断言错误

    我正在尝试运行下面的命令 但不幸的是我遇到了错误 C Users usver Desktop git test git Bootstrap4 conFusion gt gulp 运行上述命令后出现断言错误 我再次重新安装了 gulp 和 n
  • 检查目标目录是否存在,然后继续,如果不存在,则创建它,然后继续

    我在其中一个工作表上有一个按钮 可让用户继续执行其任务 将他 她的模板保存为文件夹中的单独工作簿 这是我的代码 Private Sub ContinueButton Click Application ScreenUpdating 0 Sh
  • 在 PostgreSQL 选择查询中将时间戳列值转换为纪元

    我需要将时间戳值转换为纪元SELECT询问 请查看下面的示例表和预期结果 样本表 select from log id 3 time 2016 03 30 18 44 19 189513 data1 NONE data3 NONE data
  • 如何让 Inno Setup 解压单个文件?

    有没有一种方法可以从 zip 文件中只解压一个文件 我正在使用基于的代码response for 如何让 Inno Setup 解压缩它安装的文件 所有这些都是单个安装过程的一部分 非常适合解压缩 但不知道如何解压缩单个文件 Code co
  • 在 Django 中创建自定义 User 模型时,继承 models.Model 和 AuthUser 之间有什么区别?

    我见过两种在 Django 中扩展用户模型的方法 方法一 class User AuthUser new fields 方法二 class MyUser models Model user models OneToOneField User
  • Raphael-拖放时检测重叠元素

    我试图通过拖放另一个元素来获取元素 例如 我有 2 个圆圈 c1 和 c2 我想要做的是 如果我将 c2 放在 c1 之上 因此它们重叠 并非完全必要 我可以得到圆圈 c1 例如 id 标题 等 http jsfiddle net Tome