[读码时间] 显示单击的坐标

最新推荐文章于 2022-07-27 16:24:07 发布

weixin_30367543

最新推荐文章于 2022-07-27 16:24:07 发布

阅读量178

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/sx00xs/p/6487812.html

本文介绍了一个简单的HTML页面，该页面使用JavaScript来显示用户单击页面时的鼠标坐标。通过简单的CSS样式增强可读性。

说明：代码取自网络

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>显示单击的坐标</title>
    <style>
        pre{
            color:green;
            padding:10px 15px;
            background:#f0f0f0;/*白色*/
            border:1px dotted #333;/*黑色*/
            font:12px/1.5 Courier New;/*行高18px*/
        }
        span{
            color:#999;/*灰黑色*/
        }
    </style>
    <script>
        document.onclick = function (event) {
            var event = event || window.event;
            alert("坐标：[" + event.clientX + ", " + event.clientY + "]");
        }
    </script>
</head>
<body>
    <pre>
&lt;script type="text/javascript"&gt;
var event=event||window.event;
alert("坐标：["+event.clientX+", "+event.clientY+"]");
&lt;/script&gt;
</pre>
</body>
</html>