Which of following codes of an event handler records the exact window position of the mouse pointer as it maneuvers across an element?
A) document.getElementById("element1").onmouseenter = trackPointer; function trackPointer(e) { var hPos = e.clientX; document.getElementById("element2").innerText;
B) document.getElementById("element1").onmouseclick = trackPointer; function trackPointer(e) { var vPos = e.clientY; document.getElementById("element2").innerText = " (" + hPos + ", " + vPos + ")"; }
C) document.getElementById("element1").onmousemove = trackPointer; function trackPointer(e) { var hPos = e.clientX; var vPos = e.clientY; document.getElementById("element2").innerText = " (" + hPos + ", " + vPos + ")"; }
D) document.getElementById("element1").onmouseup = trackPointer; function trackPointer(e) { var hPos = e.clientX; document.getElementById("element2").innerText = " (" + hPos + ", " + vPos + ")"; }

Question

Quizplus · Accepted Answer

The code assigns an event listener to the "mousemove" event on the element with id "element1". It then defines a function "trackPointer" which takes an event object "e" as its argument. This function uses the "clientX" and "clientY" properties of the event object to get the horizontal and vertical position of the mouse pointer respectively. Finally, it updates the inner text of the element with id "element2" to display the coordinates in the format "(x, y)". Therefore, choice C records the exact window position of the mouse pointer as it maneuvers across an element.

Which of Following Codes of an Event Handler Records the Exact