JSFiddle - React, Tailwind, and code Playground

by jstoudt

HTML

<div>Click in here somewhere!</div>

CSS

html, body {
    width: 100%;
    height: 100%;
}

body {
    background: #aeaeae;
}

div {
    position: absolute;
    left: 75px;
    top: 100px;
    width: 250px;
    height: 200px;
    line-height: 200px;
    border: 1px solid blue;
    text-align: center;
}

JavaScript

$('div').bind('click', function(event) {
    alert('event offset: (' + event.offsetX + ',' + event.offsetY + ')\npage offset: (' + event.pageX + ',' + event.pageY + ')');
});