how does the onPress event get the mouse position of a click?

[ayangweb]

The onClick event can get clientX and clientY directly, but how do I get the onPress event?

[wingkwong]

You can get from e.x and e.y.

const onPress: ((e: PressEvent) => void) | undefined

export interface PressEvent {
  /** The type of press event being fired. */
  type: 'pressstart' | 'pressend' | 'pressup' | 'press',
  /** The pointer type that triggered the press event. */
  pointerType: PointerType,
  /** The target element of the press event. */
  target: Element,
  /** Whether the shift keyboard modifier was held during the press event. */
  shiftKey: boolean,
  /** Whether the ctrl keyboard modifier was held during the press event. */
  ctrlKey: boolean,
  /** Whether the meta keyboard modifier was held during the press event. */
  metaKey: boolean,
  /** Whether the alt keyboard modifier was held during the press event. */
  altKey: boolean,
  /** X position relative to the target. */
  x: number,
  /** Y position relative to the target. */
  y: number,
  /**
   * By default, press events stop propagation to parent elements.
   * In cases where a handler decides not to handle a specific event,
   * it can call `continuePropagation()` to allow a parent to handle it.
   */
  continuePropagation(): void
}

[ayangweb]

@wingkwong

The x and y are in the wrong place, I've tried that.

I clicked on the circled button in the picture, but the values of x and y are not correct!

[wingkwong]

which version are you using? also what are the values if you use onClick one?

[ayangweb]

which version are you using? also what are the values if you use onClick one?

[wingkwong]

Just checked a bit. In a press event, x and y are different than clientX and clientY and I don't see RA has exposed them in PressEvent. You may use onPointerDown to retrieve clientX and clientY instead.