jQuery或者js 获取鼠标坐标

建议先看event然后再看jQuery手册

解决方案 »

  1.   

    http://bolm.cn/online_tutorial.php?keyword=jQuery 
    jQuery的相关教程
      

  2.   

    ◆ window.event.screenX (e4)
    ◆ window.event.screenY (e4)
    ◆ window.event.clientX (e4)
    ◆ window.event.clientY (e4)
    ◆ window.event.x (e4)
    ◆ window.event.y (e4)
    ◆ event.screenX (N4)
    ◆ event.screenY (N4)
    ◆ event.pageX (N4)
    ◆ event.pageY (N4)
    ◆ event.width (N4)
    ◆ event.height (N4)
    ◆ event.layerX (N4)
    ◆ event.layerY (N4)
      

  3.   

    jQuery对这个没封闭吧，直接用原生的event，ls似乎都列出来了
      

  4.   


      $("#btn1").click( function (event) { 
    alert(event.screenX );
            //......
      })
      

  5.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>
    <meta name="auther" content="fq" />
    <title>获取鼠标坐标</title> </head>
    <body>
    <script type="text/javascript">
    function mousePosition(ev){
         if(ev.pageX || ev.pageY){
          return {x:ev.pageX, y:ev.pageY};
          }
          return {
           x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,
           y:ev.clientY + document.body.scrollTop  - document.body.clientTop
           };
     } function mouseMove(ev){
        ev = ev || window.event;
        var mousePos = mousePosition(ev);
        document.getElementById('xxx').value = mousePos.x;
      document.getElementById('yyy').value = mousePos.y;
    }
    document.onmousemove = mouseMove;
    </script>
    X:<input id="xxx" type="text" />  Y:<input id="yyy" type="text" />
    </body>
    </html>