[jQuery] Anyone know why mouse position inside div is different in Firefox and IE
I have a div and I want to capture the x and y values when there is a
click inside the div. This works great in Firefox and Safari but the
offset seems to be wrong in IE7.
There's a sample page here:
http://static1.shopify.com/s/files/1/0003/0911/assets/testclick.html
And this is the function that I'm using to get the x and y values:
$("#special").click(function(e){
var x = e.pageX - this.offsetLeft + 1;
var y = e.pageY - this.offsetTop + 1 ;
$('#status2').html('x=' + x +', y='+ y);
});
Anyone know what I'm doing wrong here?