The mouse cursor location is given as an x and y numerical coordinate in pixel units. This position is given relative to the top$-$left corner of some part of the browser based on a specific mouse event property. Below are three such properties you have either seen in lecture notes or used in recent labs or projects.

screenX: Horizontal offset from the left corner of the entire screen $($i$.$e$.$ the monitor$).$

clientX: Horizontal offset from the left corner of the visible browser's client area, excluding scrollbars $($i$.$e$.$ the displayable area of the browser$).$

offsetX: Horizontal offset from the left corner of element that triggered the event $($e$.$g$.$ button$).$

Given these definitions and the recent coding projects, match the correct property for the given scenario.

Group of answer choices

Drawing on a canvas element.

Dealing with multiple monitors.

Dragging a file onto a web page for file upload.