标题栏上显示页面上的鼠标坐标

转载于 2014-10-22 11:20:00 发布 · 74 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/youtianxia/p/4042628.html

文章标签：

#javascript #ViewUI

本文介绍了一段JavaScript代码，该代码可以在鼠标移动时实时更新并显示鼠标的X和Y坐标值。这种效果通常用于网页交互中，帮助开发者了解用户在页面上的点击位置。

<!--要完成此效果把如下代码加入到<body>区域中-->
    <script language="javascript">
    var where = "";
    function checkwhere(e) {
    if (document.layers){
    xCoord = e.x;
    yCoord = e.y;
    }
    else if (document.all){
    xCoord = event.clientX;
    yCoord = event.clientY;
    }
    else if (document.getElementById){
    xCoord = e.clientX;
    yCoord = e.clientY;
    }
    document.title = "X座标值= "+ xCoord + "  Y座标值= " + yCoord ;
    }
    document.onmousemove = checkwhere;
    if(document.captureEvents) {document.captureEvents(Event.MOUSEMOVE);}
    </script>
    请看标题栏的显示效果-石家庄地毯-石家庄水泵厂。