Get accurate position for a click on a linked image using jquery

Question

I\'m working on an app that allows tagging directly on photos via clicking (like Facebook, flickr, et al). However, I can\'t seem to register the right coordinates for a c

Answer 1

for your x and y try using this:

var x = e.pageX - $(this).offset().left;
var y = e.pageY - $(this).offset().top;

let me know if that doesn't work

EDIT: to clarify - you are getting the left and top offset from the dom element directly. the reason i suggest you use the jQuery offset() function is that jQuery is more likely to calculate the correct position cross browser.

EDIT 2: Can you please try to assign the click event to the image as opposed to the link. I have a sneaking suspicion that the link is reporting its top offset as the bottom of the element it encapsulates...