JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://jsplumb.org/js/jquery.jsPlumb-1.3.8-all-min.js"></script>
<div class="d" id="d1">1</div>
<div class="d" id="d2">2</div>

<div id="info"></div>

CSS

.d { width:2em; height:2em; border:1px solid blue;position:absolute; }

#d1 { left:50px; top:50px; }
#d2 { left:250px; top:250px; }

JavaScript

jsPlumb.ready(function() {
    var e1 = jsPlumb.addEndpoint("d1", { isSource:true }), 
    e2 = jsPlumb.addEndpoint("d2", { isTarget:true });  

    jsPlumb.bind("connectionDrag", function(conn) {
       $("#info").html("connection " + conn.id + " dragging");
    });            
    
    jsPlumb.bind("connectionDragStop", function(conn) {
       $("#info").html("nothing dragging");
    });  
});