JSFiddle - React, Tailwind, and code Playground

HTML

<div id="editableDiv" contenteditable="true">
    <br/>fggggdf</div>

CSS

#editableDiv {
    width: 150px;
    height: 150px;
    border:solid 1px #eee;
}

JavaScript

$('#editableDiv').click(function(e){
    var x = e.pageX;
    var y = e.pageY;
    x -= $(this).offset().left;
    y -= $(this).offset().top;
    alert(x+' '+y)

});