0

我svg在屏幕中间有一个区域，通过使用 D3 拖动行为，我在其中移动了一些 SVG 元素。在下面svg，我有一些选项，div如下所示：

<div id="gui-options">
    <div onclick="sortCards()">
        <span>Sort cards</span>
    </div>
    ...
</div>

当我在 svg 中拖动一些元素时，我必须单击两次才能触发sortCards(). 第一次点击未注册。执行sortCards()对于这个问题并不重要。

我试图在 DOM 准备好后添加点击处理程序，但这没有任何区别。

禁用拖动功能时我没有这个问题。如果我在一个选项上单击两次，我只需单击一次即可切换其他选项。但是，如果我拖动一些元素，则需要单击两次才能“更改焦点”。

您对解决方案可能隐藏的地方有什么建议吗？

4

0 回答 0