javascript 不能用svg - react进行拖放

rekjcdws 于 2023-03-06 发布在 Java

关注(0)|答案(1)|浏览(120)

我有这个svg，当我悬停在它上面时，一个手指针显示，然后我必须将它拖放到一个目标上。

<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/0/svg" class="XVpMgArAdl7U1k9GMrA6" data-testid="item-0">

<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/0/svg" class="XVpMgArAdl7U1k9GMrA6" data-testid="item-1">

我试过所有方法来拖它：

cy.getBySel('item-0').trigger('pointerdown').trigger("dragstart")
            .trigger("dragleave")
            .trigger("dragover")

cy.getBySel('item-1').click()
            .trigger("dragenter")
            .trigger("dragover")
            .trigger("drop")
            .trigger("dragend");

我甚至尝试了拖放插件和使用数据传输，但没有运气。它似乎得到了指针向下，什么也没有发生之后。有人知道我如何才能检查什么行动实际上是被触发时，做拖放？
谢谢

JavaScript

来源：https://stackoverflow.com/questions/75649184/cannot-make-drag-and-drop-with-svg-react

1条答案

按热度按时间

doinxwow1#

请尝试在操作过程中不使用.click()，用户无法执行此操作（因为鼠标已按下），因此不应在测试中执行。

cy.getBySel('item-0').trigger('pointerdown').trigger("dragstart")
            .trigger("dragleave")
            .trigger("dragover")

cy.getBySel('item-1')
  // click here is dangereux
            .trigger("dragenter")
            .trigger("dragover")
            .trigger("drop")
            .trigger("dragend");

赞(0）回复(0）举报 2023-03-06

我来回答

javascript 不能用svg - react进行拖放

1条答案

相关问题

热门标签

最新问答