流星反应拖放

Question

我正在创建一个应用程序，我必须拖动标记并放置特定图像以进行标记，这样如何获取目标DIV的ID，我放弃了标记，或者请解释一下这一切是如何工作的拖放，

我只是想知道拖动标签和目标DIV的ID，我放弃了这个标签。

感谢

Answer 1

您可以在拖动事件的eventListener内的窗口中保存拖动元素的id，并访问drop事件的eventListener中的id。

对于拖动的元素

dragged(e){
  window.selectedLabelId=$(e.target).attr("id")
}

<label ondragstart={this.dragged}>some label</label>

已删除元素

dropped(e){
  console.log(window.selectedLabelId)
  window.selectedLabelId=null
}
<img src="/imgsrc" ondragend={this.dropped}/>

希望有所帮助

Answer 2

如果您使用的是jquery-ui，则会在drop

上进行回调

$( ".selector" ).droppable({
  drop: function( event, ui ) {
     var id = $(event.target).attr('id');
  }
});