dragonfox

HTML

<script src="ttps://code.jquery.com/jquery-1.12.4.js"></script>
<script>

  function dragstart_handler(evt){
      alert('dragstart');
      evt.originalEvent.dataTransfer.setData("text", $(this).text());
      alert(evt.originalEvent.dataTransfer.getData("text"));
      evt.originalEvent.preventDefault();
  };
  
  $(document).on('dragenter', function(evt){evt.originalEvent.preventDefault();});
  $(document).on('dragleave', function(evt){evt.originalEvent.preventDefault();});
  $(document).on('dragover', function(evt){evt.originalEvent.preventDefault();});

  // still irrelevant at this point
  $(document).on("drop", ".btCase", function(evt)
  {
      var data = evt.originalEvent.dataTransfer.getData("text");
      $(this).val(data);
      event.originalEvent.preventDefault();
  });

</script>
<table id='tb'>
<tbody>
<tr><td><div id="bt" draggable="true" value="test" class="bt-test" ondragstart="dragstart_handler(event);" type="button">TEST</div></td></tr>
</tbody>
</table>