[javascript] 좌표값 알아내기

클릭한 좌표값 알아내기

 

<div id="image-map-container" style="border: 1px solid #ddd" onclick=" showCoordinates(event)">

    <img style="width: 100%; height: 100%;" src="image.png" id="layoutImage" alt="" align="absmiddle" />

    <div id=" coordinates"></div>

</div>

 

 

function showCoordinates(e) {

    var coordinatesDiv = document.getElementById('coordinates');

    var x = e.offsetX;

    var y = e.offsetY;

 

    coordinatesDiv.innerHTML = 'X: ' + x + ', Y: ' + y;

    coordinatesDiv.style.display = 'block';

}