【问题标题】:simulate click on drop where dropped模拟点击 drop where drop
【发布时间】:2017-02-08 21:38:27
【问题描述】:

这是我第一次发帖,如果我没有研究好几个小时,我就不会发帖了。

我想将一个项目拖放到一个 div 上,该 div 会触发对其放置位置的点击。我得到了它拖动的部分等等,但无法触发点击(模拟)。

如果您能提供帮助,请告诉我!我想要一些内心的平静,哈哈。

【问题讨论】:

  • 欢迎来到 Stack Overflow。对您的帖子最好的做法是添加一些 html(遵循指南,将代码缩进 4 个空格),然后运行您的代码。您可以从这里开始jsfiddle.net 创建一个帐户,然后在您的问题中发布小提琴网址!希望这能让你朝着正确的方向开始。

标签: javascript jquery html drag-and-drop simulate


【解决方案1】:

当物品被放下时调用一个函数:

<div ondrop="dropFunction(event)"></div>

在那个函数中,你需要收集鼠标坐标:

var x = event.clientX;     // Get the horizontal coordinate
var y = event.clientY;     // Get the vertical coordinate

然后在这些坐标处触发点击:

document.elementFromPoint(x, y).click();

上面创建的鼠标坐标是针对光标在屏幕上的位置。您可能需要根据被拖放对象的形状调整这些坐标。

【讨论】:

    猜你喜欢
    • 2023-03-22
    • 1970-01-01
    • 1970-01-01
    • 2014-10-02
    • 1970-01-01
    • 1970-01-01
    • 2023-03-22
    • 2011-10-18
    • 1970-01-01
    相关资源
    最近更新 更多