Identifikácia a lokalizácia pozície myši

Možno ste niekedy potrebovali zistiť pozíciu kurzoru. V tomto jednoduchom návode sa dozviete ako na to. Sledovanie pozície na stránke je v jQuery veľmi jednoduché. Nemusíte kontrolovať v akom prehliadači je script spustený, všetko čo potrebujete je prečítať si udalosti objektu .pageX a .pageY.

$().mousemove(function(e){ // e.pageX - vrati X poziciu // e.pageY - vrati Y poziciu });

Tento jQuery kód sa spúšťa s akciou mouseover, to znamená, že kód sa spustí vždy, keď sa pohne kurzor myši. Súradnice sa počítajú v pixeloch od ľavého horného rohu. Dá sa tiež získať pozíciu v danom div alebo inom elemente. Stačí získať pozíciu kurzoru vzhľadom k dokumentu a odpočítať pozíciu elementu. Tu je ukážka toho ako to dosiahnuť:

$("#someDiv").click(function(e){ var relativeX = e.pageX - this.offsetLeft; var relativeY = e.pageY - this.offsetTop; });

Nezabudnite, že kód môžte viazat na akúkoľvek časť, rôznymi udalosťami. Hlavnou výhodou ale je, že sa nemusíte báť o kompatibilitu s prehliadačmi.

Tagy: mys kurzor pozicia