jQuery : détection du curseur

Question

Comment pourrais-je savoir, à l'aide de jQuery, sur quel bord (c'est-à-dire la bordure) de la boîte div sur laquelle se trouve le curseur de la souris ?

Answer 1

Vous devez utiliser la pageX et la pageY de l'écran d'accueil. Événement jQuery :

$("#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 ' );
}