typescript - 'layerX' と 'layerY' の Event タイプをどのように設定できますか

私は絶対位置を持つドロップダウンメニューを作っています。それはマウスイベントから x, y 座標を取得します。

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

しかし、エラー「Property 'layerX' does not exist on type 'MouseEvent'.ts(2339)」が表示されます。MouseEventの代わりに正しいイベントタイプをどのように設定すればいいですか？

回答 #1

上記の通り、@Daniel A.White が言ったように、これは layerX と layerY が非標準だからです。代替のオプションは offsetX と offsetY です。