JSFiddle - React, Tailwind, and code Playground

HTML

<div id= "ch"></div>

CSS

div {
    height: 100px;
    width: 100px;
    background-color: red;
}

JavaScript

$("#id").mousedown(function() {
        $("#id").on('mousemove', function(event) {
                $('#id').html("( " + event.clientX + ", " + event.clientY + " )");
        });
    })
 
  $("#id").mouseup(function() {
      $("#id").off('mousemove');
    })