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

My function is:

function getCoords(target, event)
{
    var $target = $(target);
    var offset = $target.offset();
    var bordersize = $target.attr('border');
    return {
        x:  (event.pageX - offset.left - bordersize) | 0,
        y:  (event.pageY - offset.top - bordersize) | 0
    }
}

call:

$("#image").on('click', function(event){
    var coords = getCoords(this, event);
    console.log('X: ', coords.x);
    console.log('Y: ', coords.y);
});

Note: used fast float2int.