Coordinates of a JQuery click element

$("#element").click(function(data) {
  var width = $(this).width();
  var height = $(this).height();

  var x = data.clientX - parseInt($(this).offset()['left']);
  var y = data.clientY - parseInt($(this).offset()['top']);

  var ret = new Object;

  if (y < (height/2)) { ret['vertical'] = "top"; }
  else { ret['vertical'] = "bottom"; }

  if (x < (width/2)) { ret['horizontal'] = "left"; }
  else { ret['horizontal'] = "right"; }

  ret['x'] = x;
  ret['y'] = y;
  ret['width'] = width;
  ret['height'] = height;

  console.log(ret);
  return(ret);
});
Leave A Reply
All content licensed under the Creative Commons License