読者です 読者をやめる 読者になる 読者になる

HTML5 DnDでハマってしまったんです

javascript

うん、基礎知識が足りないんでしょうね。。 これで動く。

<div id="drag">
  <div draggable="true">a</div>
  <div draggable="true">b</div>
  <div draggable="true">c</div>
</div>
$("#drag div").on("dragstart",  function(ev){
//  ev.preventDefault();
  console.log("dragstart:"+$(ev.currentTarget).text());
  ev.originalEvent.dataTransfer.setData("text", $(ev.currentTarget).text());
});
$("#drag div").on("dragover",  function(ev){
  if (ev.preventDefault) {
    ev.preventDefault();
  }
});
$("#drag div").on("drop",  function(ev){
  if (ev.stopPropagation) {
    ev.stopPropagation();
  }
  $(ev.currentTarget).text(ev.originalEvent.dataTransfer.getData("text"));
});

参考