很难的问题，在网页中怎么样得到点击的鼠标坐标.

想做一个网页，实现这样一个功能，在网页上有一张图片，如果用户用鼠标在这张图片上点一下，就记录用户点击的位置（这个位置一定要是相对于这张图片的位置），如果以后有人要查这个用户点的位置，可以在这张点片上用圆点表示出来.
个人认为这个比较难实现，请大家出出意见，如果写代码，请用C#语言，本人只会这个.ps,顶者都有分

解决方案 »

  1.   

    x=document.body.scrollLeft+event.clientX; //获取当前鼠标位置的X坐标
    y=document.body.scrollTop+event.clientY; //获取当前鼠标位置的Y坐标
    相对于图片的话,再减去图片顶点的坐标就是了
      

  2.   

    event.clientX和event.clientX是鼠标相对于当前页面的坐标。。
      

  3.   

    为什么我这里的event是关键字? 我是在webform1.aspx.cs里打入这些代码的，这样是不是不对，应该在哪里键入这些代码呢？
      

  4.   

    谢谢，由于我刚刚接触webform，所以很迷茫，不知道如何做。event在我这里是关键字,编辑过不去
      

  5.   

    <img src="http://www.google.com/intl/zh-CN_ALL/images/logo.gif" onclick="alert(event.offsetX);alert(event.offsetY)" />Img上的click的offsetX/offsetY已经是相对坐标了
      

  6.   

    这个必须在客户端 html 里， javascript 或者 vbscript 里写, 
    event 是 window 对象的一个属性。<html>
    <head>
    <title>test</title>
    <script language="javascript">
    function doSomething()
    {
      alert(window.event.srcElement.tagName);
    }
    </script>
    </head>
    <body>
    ...
    </body>
    </html>
      

  7.   

    服务端处理的话：
    http://chs.gotdotnet.com/quickstart/aspplus/samples/webforms/ctrlref/webctrl/ImageButton/CS/ImageButton2.aspx
    http://chs.gotdotnet.com/quickstart/util/srcview.aspx?path=/quickstart/aspplus/samples/webforms/ctrlref/webctrl/ImageButton/ImageButton2.src
      

  8.   

    <%@ Page Language="c#"%>
    <form method=get>
    <input type=image src="http://dotnet.aspx.cc/Images/logoSite.gif">
    </form>
    <%
    if(Request.QueryString["x"]!=null)
    {
    Response.Write("x="+ Request.QueryString["x"].ToString());
    Response.Write("<br>");
    Response.Write("y="+ Request.QueryString["y"].ToString());
    }
    %>
      

  9.   

    event.offsetLeft,event.offsetTop是点击的对象相对于页面的坐标。
    event.clientX，event.clientY获取当前鼠标位置的X坐标
    不过是在WEB中用的。。
      

  10.   

    谢谢速马,如果你的代码要转成webform里的代码，会是什么样子呢？
      

  11.   

    用我的方法.写在javascript里.然后给页面传递就可以了
      

  12.   

    event.x
    event.yonmousemove 事件发生时<script>
     function onmove()
     {
        document.all("TextBox").value = "x = "+event.x + "  y = "+event.y;
      }
    </script><body onmousemove=onmove()>
      

  13.   

    <script language="javascript">
    document.onmousemove=func_1;//获得事件句柄
    function func_1(){
    //document.all.mytable,offsetTop;
    var msg = "";
    X=window.event.x;
    Y=window.event.y;msg += "<br>鼠标位置 X："+X;
    msg += " ,Y："+Y;
    X=event.offsetX;
    Y=event.offsetY;
    msg += "<br>鼠标位置 X："+X;
    msg += " ,Y："+Y;
    X=event.clientX;
    Y=event.clientY;
    msg += "<br>鼠标位置 X："+X;
    msg += " ,Y："+Y;
    msg += "。  <br><br>mytable ";
    X=document.all.mytable.offsetTop;
    Y=document.all.mytable.offsetHeight;
    msg += "<br>位置 X："+X;
    msg += " ,Y："+Y;document.all.show.innerHTML=msg;
    }
    </script><div id=show></div><br><p><br>
    <table border=10 id=mytable>
    <tr>
    <td></td>
    <td></td>
    <td></td>
    </tr>
    </table>
      

  14.   

    图像按钮的事件参数会传递坐标的,记录一下，再用GUI+画出来！
      

  15.   

    看官方的快速入门，，，，quickstart ，，，，imagebutton的实例第三个就是你要的方法