JSFiddle - React, Tailwind, and code Playground

by andrewwhitaker

HTML

<form>
    <input type="image" id = 'toothsImage' src="http://www.placekitten.com/200/300" alt="Submit" />
</form>

CSS

input { margin-left: 50px; }

JavaScript

$("input[type='image']").click(function(event) {
    var elOffsetX = $(this).offset().left,
        elOffsetY = $(this).offset().top,
        clickOffsetX = event.pageX - elOffsetX,
        clickOffsetY = event.pageY - elOffsetY;

    $("body").append(clickOffsetX + " " + clickOffsetY);

    event.preventDefault();
});