Javascript: obtenga la posición del mouse con respecto al elemento padre

¿Hay alguna forma de obtener la posición del mouse en relación con su elemento padre?

Digamos que tengo una estructura:

<div id="parent">
    <span class="dot"></span>
</div>

Cuando acerco mi mousespan elemento que necesito para obtener su posición con respecto a su elemento padre (<div id="parent">) PageX / ClientX me da una posición relativa al área de página / cliente, por lo que no funciona para mí.

Respuestas a la pregunta(3)

Su respuesta a la pregunta