＆＃34;＆ondrag当＃34;在react.js中没有触发事件

Question

<div className="kat-project-user-timeline-drag-indicator-wrapper-bottom"
     onDrag={(event) => {this.dragTask(event)}}>
</div>

dragTask(event) {
  console.log("logic goes here")
}

第一次没有调用该函数。但从第二次起，它工作正常。我尝试使用event.preventDefault（），但它仍无效。

Answer 1

尝试添加draggable="true"并查看是否有效：

<div draggable="true" className="kat-project-user-timeline-drag-indicator-wrapper-bottom"
 onDrag={(event) => {this.dragTask(event)}}>
</div>

dragTask(event) {
  console.log("logic goes here")
}

Answer 2

使元素可拖动，然后尝试onDragStart（）。

Answer 3

1. 同样设置 ondragstart 事件，与设置为 onDrag 事件的函数相同
2. 设置 draggable="true"。