Как узнать координаты курсора относительно блока?

Question

[Nikita Petiev]

Есть блок, относительно которого мне необходимы координаты курсора. В этом блоке есть еще дочерние элементы. Я пытался написать код, который будет собирать координаты, но почему то когда курсор находится на дочернем элементе координаты курсора становятся относительно уже дочернего элемента, а не родительского, который мне необходим.

var x_letter, y_letter;
	$('#game-letter').mousemove(function(e){
		e = e || window.event;
		x_letter = e.offsetX==undefined?e.layerX:e.offsetX;
		y_letter = e.offsetY==undefined?e.layerY:e.offsetY;
		console.log(x_letter +' '+y_letter);
		
	});

Answer 1

[Даниил Игоревич]

Думаю, это можно решить так:

if(e.target.closest('....')){
  var target = e.target.closest('....'); // Здесь что-то уникальное, что может указать на род. блок

  var targetCoords = target.getBoundingClientRect();
  var xCoord = e.clientX - targetCoords.left;
  var yCoord = e.clientY - targetCoords.top;

  alert('Координаты по X: ' + xCoord);
  alert('Координаты по Y: ' + yCoord);
}

Comments

[Nikita Petiev]

Тут видишь в данной ситуации ты сейчас хочешь игнорировать все остальные блоки кроме необходимого, а так решить задачу не получится, мне то необходимо что бы координаты я мог получить относительно родителя, когда курсор расположен и на дочерних элементах. А если твой код использовать он просто будет не передавать координаты курсора, когда он находится на дочернем.

[Даниил Игоревич]

Никита Петиев: посмотри ещё раз. Нет возможности сейчас проверить, но думаю, что так должно работать

[Nikita Petiev]

Даниил Ораин: да мой косяк, немного не так инициализировал код, большое спасибо за помощь)