javascript - 由于 webkit 中已弃用 layerX/layerY，我们应该使用什么替代品？

Question

在chrome canary中，layerX和layerY已被弃用，但我们应该使用什么来代替？

我找到了 offsetX，但它不适用于 Firefox。因此，为了在 webkit 上获取 LayerX 而不发出警告，我已经这样做了:

var x = evt.offsetX || evt.layerX,
    y = evt.offsetY || evt.layerY;

但这看起来相当复杂!这真的是我们应该做的让 LayerX 在所有浏览器中工作吗？

Answer 1

这是一个根据点击事件计算layerX和layerY的函数:

function getOffset(evt) {
  var el = evt.target,
      x = 0,
      y = 0;

  while (el && !isNaN(el.offsetLeft) && !isNaN(el.offsetTop)) {
    x += el.offsetLeft - el.scrollLeft;
    y += el.offsetTop - el.scrollTop;
    el = el.offsetParent;
  }

  x = evt.clientX - x;
  y = evt.clientY - y;

  return { x: x, y: y };
}

非常感谢 Stu Cox 指出了用于制作此函数的两个函数。