放弃div时执行操作

时间:2016-04-14 08:52:23

标签: html css html5 drag-and-drop

我希望在div完成后通过套接字发出一个事件。这是我试过的代码,我无法改变这个事件。



<script>
  function dragIt(theEvent) {
    theEvent.dataTransfer.setData("Text", theEvent.target.id);
  }

  function dropIt(theEvent) {
    var theData = theEvent.dataTransfer.getData("Text");
    var theDraggedElement = document.getElementById(theData);
    theEvent.target.appendChild(theDraggedElement);
    theEvent.preventDefault();
  }
</script>
<div id="parent-div" ondrop="dropIt(event);" ondragover="event.preventDefault();">
  <div class="myDIV myDIV1" class="ui-widget-content draggable" draggable="true" ondragstart="dragIt(event);" id="myDIV">
    ARTEFACT2
  </div>
  <div class="myDIV myDIV2" class="ui-widget-content draggable" draggable="true" ondragstart="dragIt(event);" id="myDIV2">
    ARTEFACT
  </div>
</div>
&#13;
&#13;
&#13;

0 个答案:

没有答案