Как вывести координаты мыши?

Question

[karpos]

Здравствуйте! Всем доброго вечера. Есть див с id="data1" и два дива с id="coordX" и id="coordY" по клику на див data1 должны появляться координаты этого дива в дивах coordX coordY но что то пошло не так

<script>
jQuery(document).ready(function($) {
	//alert("111");
});
</script>

<script>
function getInnerCoords1(e) {
var divheight = document.getElementById('data1').offsetHeight;
console.log(divheight);	
var divwidth = document.getElementById('data1').offsetWidth;
var coordX = document.getElementById('coordX1');
var coordY = document.getElementById('coordY1');
var x = e.offsetX==undefined?e.layerX:e.offsetX;
var y = e.offsetY==undefined?e.layerY:e.offsetY;
x = x/divwidth*100;
y = y/divheight*100;
coordX.textContent = Math.round(x);
coordY.textContent = Math.round(y);
return {x:Math.round(x), y:Math.round(y)};

}
	
document.getElementById('data1').onmousedown = getMouseCoord1;
function getMouseCoord1(e) {
//e.stopPropagation();
var m = getInnerCoords1(e);
//console.log(this, 'x = ' + m.x, 'y = ' + m.y);
}
</script>

Comments

[0ffff0]

Вот просто интересно, зачем jquery, если вы все равно ее не используете нигде,
это значит раз.
Второе, что еще за

offsetX и offsetY

//вместо ваших 
var x = e.offsetX==undefined?e.layerX:e.offsetX;
//и
var y = e.offsetY==undefined?e.layerY:e.offsetY;

// напишите

var x = e.offsetHeight==undefined?e.layerLeft:e.offsetHeight;
//и
var y = e.offsetWidth==undefined?e.layerLeft:e.offsetWidth;

Answer 1

[chubokabrik]

Посмотри тут
usefulscript.ru/cursor_position.php

Answer 2

[Андрей Б.]

https://jsfiddle.net/ykL3muzv/