precise-client-coord

[ npm | github | demo ]

Get clientX and clientY in double type, not integer.

Usage

import { estimateCoord, resetCoordEstimator } from "precise-client-coord";

window.addEventListener("resize", resetCoordEstimator);
window.addEventListener("mousemove", (e) => {
  const originalClientX = e.clientX;
  const originalClientY = e.clientY;
  const { clientX, clientY } = estimateCoord(e);

  display(clientX, clientY, originalClientX, originalClientY);
});

// for mobile and touch devices
if (window.visualViewport) {
  window.visualViewport.addEventListener("resize", resetCoordEstimator);
  window.visualViewport.addEventListener("scroll", resetCoordEstimator);
}