Geek asks and answers

How to calculate mouse coordinates related to DIV position

I have a DIV and I can get the offset using .offset ().

But I'm trying to get the mouse position associated with the div. When I find the DIV, I can get the x and y offsets of the mouse. But they will be calculated in accordance with the document. But it should be calculated below.

 For example DIV dimensions are 200 and 200.
 then it should calculate offsets related to (0,200)(200,0),(200,200),(200,200).

Please help me with this. How can i do this.

+3
source share
1 answer

Do you mean:

$('#someele').click(function(e) {
  var offset = $(this).offset();
  var x = Math.floor(e.pageX - offset.left);
  var y = Math.floor(e.pageY - offset.top);
  console.log('x pos:' +  x  + ' y pos:' + y);
});
+6
source

More articles:


All Articles