JSFiddle - React, Tailwind, and code Playground

by Seokjun Hong

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<body>
<div id="test">
eeeeeee
</div>
</body>

JavaScript

jQuery.event.props.push('dataTransfer');

var svg = d3.select("body").append("svg")
  .attr("width", 500)
  .attr("height", 500);

var circle = svg.append("circle")
  .attr("cx", 30)
  .attr("cy", 30)
  .attr("r", 20);

$('#test').on('drag', function(e) {
	console.log('t');
});

circle.on('drop', function(event) {
	alert('test');
});