提升缩放鼠标位置 —— 斗争是真实的

Question

我正在使用 elevatezoom 进行项目，我需要在图片放大时获取鼠标位置。我尝试了很多不同的想法，但我总是得到 undefined 或 NaN。你能告诉我为什么吗？

看这个例子：

$('#zoomPicture').elevateZoom({
  scrollZoom : true,
  zoomWindowFadeIn: 250,
  zoomWindowFadeOut: 500,
  responsive: true,
  easing: true,
  easingDuration: 50,
  borderSize: 1,
  zoomWindowWidth: 400,
  zoomWindowHeight: 400,
});

$("#zoomPicture").bind("click", function(e) {
  console.log(e.pageX);
  console.log(e.pageY);
}); // -> undefined

Answer 1

请告诉我以下代码是否适合您

$(document).bind("click", "#zoomPicture", function(e) {
  console.log(e.pageX);
  console.log(e.pageY);
});

这个link对您的问题有帮助吗：Understanding Event Delegation

Answer 2

对象 ElevateZoom.self.nzOffset 包含图像的 x 和 y 坐标。

您可以使用以下方法查看值：

console.log( ElevateZoom.self.nzOffset );

根据这些信息，您可以实施 jQuery.on("click", function(){ //stuff here })

希望对您有所帮助。

赛亚

提升缩放鼠标位置 —— 斗争是真实的

elevatezoom mouse position — the struggle is real

javascript

jquery

zooming

mouse-position