Как получить координаты курсора внутри элемента?

Question

[Саша]

Добрый день!
Пытаюсь написать нечто подобное zoomer.

Не отрабатывает код отвечающий за координаты курсора в элементе

zoomThis.mousemove(function(e){
	var x = e.offsetX==undefined?e.layerX:e.offsetX;
	var y = e.offsetY==undefined?e.layerY:e.offsetY;
	console.log(x);//undefined
});

возвращает undefined вместо нужного значения.
jsfiddle

Подскажите пожалуйста, в каком месте ошибка, что делаю не так?
Спасибо!

upd:
решение вопроса

Comments

[kulaeff]

По вашей ссылке все работает же.

Answer 1

[artem78]

$('.zoomer').mousemove(function(e){
  var x = e.pageX;
  var y = e.pageY;
  console.log(x + '/' + y);
});

https://jsfiddle.net/crazzzy/n2s6ttLe/1/

Comments

[Саша]

artem78 нет, ваш код получает координаты курсора от края страницы, а не конкретно в элементе

[artem78]

Тогда нужно вычесть координаты элемента относительно начала страницы:

$('.zoomer').mousemove(function(e){
  var pos = $(this).offset();
  var x = e.pageX - pos.left;
  var y = e.pageY - pos.top;
  console.log(x + '/' + y);
});

[Саша]

artem78: интересное решение, спасибо!