怎么样用鼠标点击图片,然后取得图片的作标??

<HTML>
<HEAD>
<SCRIPT>
function getDim(el){
for (var lx=0,ly=0;el!=null;
lx+=el.offsetLeft,ly+=el.offsetTop,el=el.offsetParent);
return {x:lx,y:ly}
}function a()
{
myImgDim = getDim(document.images.MyImage)
alert("x:" + myImgDim.x + ", y:" + myImgDim.y)}
</SCRIPT>
</HEAD>
<BODY>
<IMG NAME="MyImage" SRC="http://dotnet.aspx.cc/Images/logoSite.gif" onclick="a()">
</BODY>
</HTML>

解决方案 »

  1.   

    <img src="logo_100.gif" onclick="alert('y='+this.offsetTop+',x='+this.offsetLeft)">
    <input>
      

  2.   

    请在SDK参考中查阅window.event.x属性,具体例子我没试过.===============================================================<BODY onmousemove="window.status = 'X=' + window.event.x + 
        ' Y=' + window.event.y">
      

  3.   

    <script language="javascript">
    <!--
    function getPos(o)
    {
    var l = o.offsetLeft;
    var t = o.offsetTop;
    while(o=o.parent)
    {
    l += o.offsetLeft;
    t += o.offsetTop;
    }
    pos = {left:l,top:t};
    pos.toString = function(){return "left:"+this.left+",top:"+this.top;};
    return pos;
    }
    //-->
    </script>
    <img src="a.gif" onclick="alert(getPos(this))">
      

  4.   

    <HTML>
    <HEAD>
    <SCRIPT>
    function getDim(el){
    for (var lx=0,ly=0;el!=null;
    lx+=el.offsetLeft,ly+=el.offsetTop,el=el.offsetParent);
    return {x:lx,y:ly}
    }function a()
    {
    myImgDim = getDim(document.images.MyImage)
    alert("x:" + eval(event.clientX - myImgDim.x) + ", y:" + eval(event.clientY - myImgDim.y))}
    </SCRIPT>
    </HEAD>
    <BODY>
    <IMG NAME="MyImage" SRC="http://dotnet.aspx.cc/Images/logoSite.gif" onclick="a()">
    </BODY>
    </HTML>
    alert("x:" + eval(event.clientX - myImgDim.x) + ", y:" + eval(event.clientY - myImgDim.y))