drag-and-drop - Aurelia中的拖放不起作用

Question

我正在尝试为 Aurelia 创建一个拖放控件。最初，它工作得很好。

<div class="card" draggable="true" repeat.for="card of player2.hand">

但是，当我将监听器委托(delegate)给 dragstart事件，拖动不再起作用。

<div class="card" draggable="true" dragstart.delegate="$parent.dragstart()" repeat.for="card of player2.hand">

我可以触发 dragstart 事件，并且该事件有 defaultPrevented: true ，这会阻止默认的拖动事件开始。如何禁用 preventDefault在 Aurelia 的特定事件委托(delegate)人上？

Answer 1

此增强功能为 added .禁用 defaultPrevented ，从您的事件处理程序返回 true:

function dragStart() {
    // do stuff
    return true;
}

在这种特殊情况下，您需要返回 true 以启用默认拖动行为。