For modern browsers (IE 10+, FF, Safari, Chrome): It looks like you would have to use the facade pattern to build a consistent interface and do a lot of fiddling using this info.

I'm looking for a simple modern way to determine the x, y coordinates of where a user clicked in a div and use those coordinates to position a pie menu as determined in this [SO Question](https://stackoverflow.com/questions/16992537/implementing-a-single-pie-menu-for-multiple-elements).

No libraries unless used to show concept.

**Reference**

[What is the difference between screenX/Y, clientX/Y and pageX/Y?](https://stackoverflow.com/questions/6073505/what-is-the-difference-between-screenx-y-clientx-y-and-pagex-y)

Here is a [google hit](http://www.javascripter.net/faq/mouseclickeventcoordinates.htm) that shows 3 different event properties