obtenir les coordonnées du clic à partir de via javascript

Exemple:

Le formulaire d’image TYPE fonctionne un peu comme le champ INPUT TYPE = SUBMIT, mais contrairement au champ SUBMIT, les coordonnées de l’image activée sont renvoyées au serveur en plus du rest des données du formulaire. Donc – quand on clique sur input = image – la requête sera ajoutée avec les coordonnées du clic comme ceci:

 x=1&y=2 

Ma question est la suivante: comment récupérer ces coordonnées à l’aide de javascript sans envoyer le formulaire?

PS 1: Je suis conscient que les coordonnées des clics peuvent être calculées de plusieurs manières. Je les connais et peux facilement les utiliser. Cette approche ne m’intéresse que dans la mesure où le navigateur calcule tout automatiquement.

• Atsortingbut de données de mise à jour JQuery
• iScroll 4 cesse de fonctionner en raison du conteneur CSS créé par javascript jQuery
• Quand un script DOM chargé par jQuery / Ajax est-il réellement exécuté?
• jQuery Mobile: Comment actualiser une page avec une manipulation dynamic du DOM?
• Comment utiliser jQuery dans un modèle Knockout.js?

PS 2: Je dois obtenir des coordonnées relatives à l’image, pas au document.

• Savoir quand tous les autres rappels sont terminés
• Enroulez plusieurs éléments dans entre
• Débordement du sélecteur jQuery masqué
• Impossible de déclencher un événement .on (‘timeupdate’, ‘video’…) après l’insertion dynamic d’un élément
• La saisie de fichier caché ne conserve pas de valeur lors de l’envoi

 $("input[type='image']").click(function(event) { var elOffsetX = $(this).offset().left, elOffsetY = $(this).offset().top, clickOffsetX = event.pageX - elOffsetX, clickOffsetY = event.pageY - elOffsetY; // clickOffsetX and clickOffsetY are the clicked coordinates, // relative to the image. });