Question

How can I get the (innermost) DOM object that the mouse cursor points to? Unlike other events, a keyup event’s e.target returns only a rough object like html body. I want to know the innermost DOM object on keyup events, just like what is returned by e.target of a click event.

Answer 1

Here:

document.body.onmousemove = function ( e ) {
    var topmost = document.elementFromPoint( e.clientX, e.clientY );
};

Live demo: http://jsfiddle.net/yVtsn/1/