jQuery: cursor detection

Question

How could I know with help of jQuery as to which edge (ie. border) of the div box mouse cursor is on?

Answer 1

You have to use the pageX and pageY of the jQuery event:

$("#myDiv").mousemove( e )
{
   var left  = (e.pageX - $(this).offset().left ) / $(this).width() * 100; // 0 to 100
   var top = (e.pageY - $(this).offset().top ) / $(this).height() * 100; // 0 to 100

   if ( left > 90 && top > 90 ) console.log ('the mouse is in the bottom right corner ' );
}