Get the coordinates of an image click in percentage. Helpful for responsive sites that have variably displayed images

js_image_percentage_click_coordinates

$('img').on('click', function(event) {
  var coordinates = get_click_coords(event);
});

function get_click_coords(event) {

    var pos_x = event.offsetX ? (event.offsetX) : event.pageX - document.getElementsByTagName("img").offsetLeft;
    var pos_y = event.offsetY ? (event.offsetY) : event.pageY - document.getElementsByTagName("img").offsetTop;

    var percentage_x = ( pos_x / event.target.clientWidth ) * 100;
    var percentage_y = ( pos_y / event.target.clientHeight ) * 100;

    return {X: percentage_x, Y: percentage_y};

}