在IE9中拖放HTML

<div draggable="true">拖动我</div>

element.addEventListener('dragstart', function(event) {
  event.dataTransfer.setData('text/plain', '拖动的内容');
});

element.addEventListener('dragend', function(event) {
  // 拖动结束后的操作
});

targetElement.addEventListener('dragover', function(event) {
  event.preventDefault();
});

targetElement.addEventListener('drop', function(event) {
  var data = event.dataTransfer.getData('text/plain');
  // 处理放置的内容
});

<div id="draggable" draggable="true">拖动我</div>

<div id="droppable">放置区域</div>

$(function() {
  $("#draggable").draggable();
  $("#droppable").droppable({
    drop: function(event, ui) {
      // 处理放置的内容
    }
  });
});