typescript - 如何为 '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。