【问题标题】:Drop an item when borders touches the drop area当边框接触到放置区域时放置一个项目 【发布时间】:2019-11-13 14:33:27 【问题描述】: 关于如何使 react-dnd 在其边框进入放置区域后放置项目而不是鼠标指针进入放置区域的任何想法,路径? 【问题讨论】: 标签: drag-and-drop react-dnd 【解决方案1】: 可能会计算拖动元素的位置,如果它与放置区域重叠,则以编程方式触发悬停/放置状态。 【讨论】: 我考虑过计算拖动的元素,但我不确定是否可以务实地触发悬停/放下状态。 尝试使用 .dispatchEvent(new MouseEvent('mouseover', { 'bubbles': true }));或 .dispatchEvent(new MouseEvent('mouseenter', { 'bubbles': true }));触发它 它在 react-dnd 上不起作用,因为它使用 redux 操作来调度这些事件。 我认为解决方案是创建另一个不基于原生拖放的后端。