Html 未触发拖动事件

我想使用可拖动事件。 因此，

dragStart

可以完美地工作，但是，

drag

和

dragEnd

永远不会触发

这是我的HTML元素

---

Angular提供API直接绑定到HTML元素生成的事件。最好使用这些API，这样就不必担心添加/删除事件侦听器。您可以绑定到这样的拖动事件

<div [ngClass]="select ? 'show-re' : 'hide-re'" *ngIf="real_estate" id="re" (dragstart)="dragStart($event)" (drag)="onDrag($event)" (dragend)="onDragEnd($event)" draggable="true"></div>

---

另外请注意，我已经为

div

元素添加了set-draggable属性。

Angular提供了直接绑定到HTML元素生成的事件的API。最好使用这些API，这样就不必担心添加/删除事件侦听器。您可以绑定到这样的拖动事件

<div [ngClass]="select ? 'show-re' : 'hide-re'" *ngIf="real_estate" id="re" (dragstart)="dragStart($event)" (drag)="onDrag($event)" (dragend)="onDragEnd($event)" draggable="true"></div>

---

另外请注意，我已经为

div

元素添加了set draggable属性。

假设上述ts代码是在ngAfterViewInit（）生命周期钩子中编写的，那么

real\u estate

变量最初的值是多少，它是否会更改？因为如果它这样做了，那么随着值的变化，元素将频繁地从DOM中添加和删除。因此，这可能会导致删除事件侦听器。此代码在

real\u estate

之后初始化，并且从未更改。所有这些都适用于

dragstart

事件

real\u estate

的初始值是多少？你把代码放在哪里了？在任何生命周期或从生命周期挂钩调用的函数中？

real\u estate

是一个对象，如{id:12，title:“Zodiak”，area:“432”}。此函数是在Google地图标记上的

单击
事件后调用的，该事件对应于我的
real\u estate
标记。假设上述ts代码是在ngAfterViewInit（）lifecycle hook中编写的，那么
real\u estate
变量最初的值是多少，它是否会更改？因为如果它这样做了，那么随着值的变化，元素将频繁地从DOM中添加和删除。因此，这可能会导致删除事件侦听器。此代码在
real\u estate
之后初始化，并且从未更改。所有这些都适用于
dragstart
事件
real\u estate
的初始值是多少？你把代码放在哪里了？在任何生命周期或从生命周期挂钩调用的函数中？
real\u estate
是一个对象，如{id:12，title:“Zodiak”，area:“432”}。此函数是在Google地图标记上的
单击
事件后调用的，该事件对应于我的
房地产
标记。是的，我在发布问题后已经尝试过这种方法，但只有
dragStart
有效。是的，我在发布问题后已经尝试过这种方法，但只有
dragStart
有效。
dragStart($event) {
  // do stuff...
}

onDrag($event) {
  // do stuff...
}

onDragEnd($event) {
  // do stuff...
}