如何为“layerX”和“layerY”设置事件类型

Question

我正在制作一个具有绝对位置的下拉菜单。它从鼠标事件获取 x、y 坐标。

container.addEventListener(
  'contextmenu',
    (e: MouseEvent) => {
      drawingMenuX = e.layerX + 15; // chartiq basic padding is 15
      drawingMenuY = e.layerY + 15;
    },
    false,
);

但它显示错误“属性‘layerX’在类型‘MouseEvent’.ts(2339)上不存在”。如何设置正确的事件类型而不是 MouseEvent？

Answer 1

正如上面@Daniel A.White所说，这是因为layerX和layerY是非标准的。替代选项是 offsetX 和 offsetY。