Position de la souris - Compatibilité Cross navigateur - Javascript

Question

travailler avec la souris dans Javascript j'ai parfois rencontré les attributs événement suivant:

• clientX, clientY
• layerX, layerY
• offsetX , offsetY
• pageX, pageY
• screenX, screenY
• x, y

Je me demande ce que leur compatibilité multi-navigateur ressemble en général, comme je l'ai seulement trouvé des morceaux d'information que je suis essayer de réparer ensemble.

Merci les gars

Answer 1

Voici comment jQuery le fait:

// Calculate pageX/Y if missing and clientX/Y available 
if (event.pageX == null && event.clientX != null) { 
    var doc = document.documentElement, body = document.body; 
    event.pageX = event.clientX + (doc && doc.scrollLeft || body && body.scrollLeft || 0) - (doc && doc.clientLeft || body && body.clientLeft || 0); 
    event.pageY = event.clientY + (doc && doc.scrollTop || body && body.scrollTop || 0) - (doc && doc.clientTop || body && body.clientTop || 0); 
} 

Test pageX (ou pageY) ou le calculer à partir clientX et clientLeft de scrollLeft