JSFiddle - React, Tailwind, and code Playground

by Sam Korn

HTML

<div id="target">My target div</div>
<div id="result"></div>

CSS

div {
    width: 200px;
    height: 100px;
    position: relative;
    left: 30px;
    top: 15px;
    background-color: #f00;
}
#result {
    background-color: #fff;
}

JavaScript

$('#target').mousedown(function(e) {
    var offset = $(this).offset(),
        imgLeft = e.pageX - offset.left,
        imgTop = e.pageY - offset.top;

    $('#result').text('Mouse clicked x = ' + imgLeft + ' Y = ' + imgTop);
});