Question

我喜欢这样，当您将鼠标悬停在img中的某个像素上时，会看到一个工具提示，显示您所在的像素（X，Y）。我怎样才能做到这一点？我需要能够抓住两件事：

他们正在徘徊
鼠标的当前坐标，相对于图像的像素

请注意，即使他们的浏览器正在缩放它，我希望这是_original的im（x，y）img，

Answer 1

此代码段可能对您有所帮助，将此代码复制到新的html文件并进行测试

window.onmousemove = function() {
  var toolitp = document.getElementById("tooltip");
  toolitp.style.top = window.event.clientY + "px";
  toolitp.style.left = window.event.clientX + "px";
  toolitp.innerHTML = " X: " + window.event.clientX + " Y: " + window.event.clientY;
}

<div style="width: 100px; height: 15px; top:0; left: 0; position: absolute; border: 1px solid black;" id="tooltip"></div>

每个像素的工具提示

1 个答案: