jquery或者js获取鼠标放到图片上的坐标(相对的)

[by_封爱]

<script language="javascript" type="text/javascript"> 
var JPos = {};
(function($){
$.$getAbsPos = function(p)
 {
  var _x = 0;
  var _y = 0;
  while(p.offsetParent){
    _x += p.offsetLeft;
    _y += p.offsetTop;
    p = p.offsetParent;
  }
  
  _x += p.offsetLeft;
  _y += p.offsetTop;
  
  return {x:_x,y:_y};
 };
 
 $.$getMousePos = function(evt){
  var _x,_y;
  evt = evt || window.event;
  if (evt.pageX || evt.pageY)
  {
   _x = evt.pageX;
   _y = evt.pageY;
  }
  else if (evt.clientX || evt.clientY)
  {
   _x = evt.clientX + document.body.scrollLeft - document.body.clientLeft;
   _y = evt.clientY + document.body.scrollTop - document.body.clientTop;
  }
  else
  {
    return $.$getAbsPos(evt.target); 
  }
  return {x:_x,y:_y};
 }
})(JPos);
function vControl(pChoice)
{
 switch(pChoice){
  case "GETMOUSEPOSINPIC":
   var mPos = JPos.$getMousePos();
   var iPos = JPos.$getAbsPos(arguments[1]);
   
   window.status = (mPos.x - iPos.x) + " " + (mPos.y - iPos.y);
   
   break;
 }
}


function haha(pChoice)
{
 switch(pChoice){
  case "GETMOUSEPOSINPIC":
   var mPos = JPos.$getMousePos();
   var iPos = JPos.$getAbsPos(arguments[1]);
   
  alert((mPos.x - iPos.x) + " " + (mPos.y - iPos.y));
   
   break;
 }
}
</script>


<div style="position:absolute;top:50px;left:250px;">
<img src="3k8/zg/1.jpg" 
onmousemove="vControl('GETMOUSEPOSINPIC',this)" onclick="haha('GETMOUSEPOSINPIC',this)"/>
</div>

首先运行下这个代码 这个在FF下不好使 所以放弃了

要的就是这个效果 点击图片 弹出当前坐标(相对外面的div)

[qingYun1029]

我的思路：获取图片的坐标和鼠标的坐标

[dong2590]

IE支持window.event ，ff只支持参数的形式

function haha(pChoice)
{
 switch(pChoice){
  case "GETMOUSEPOSINPIC":
   var mPos = JPos.$getMousePos(arguments[2]);
   var iPos = JPos.$getAbsPos(arguments[1]);
   
  alert((mPos.x - iPos.x) + " " + (mPos.y - iPos.y));
   
   break;
 }

<img src="3k8/zg/1.jpg" 
onmousemove="vControl('GETMOUSEPOSINPIC',this,event)" onclick="haha('GETMOUSEPOSINPIC',this,event)"/>
</div>