实时显示鼠标指针相对于浏览器X轴Y轴坐标位置代码,Js代码库,德仔网

代码语言

代码分类

【Js】实时显示鼠标指针相对于浏览器X轴Y轴坐标位置

作者: / 发布于2017/10/25/ 852

实时显示鼠标指针相对于浏览器X轴Y轴坐标位置

<!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=utf-8" />
<title>实时显示鼠标指针相对于浏览器X轴Y轴坐标位置</title>
<style>
body {
    margin: 0;
    padding: 30px 0 0 0;
    font-size: 18px;
    text-align: center;
}
</style>
</head>

<body style="height:2000px;" onMouseMove="place(event)">
    <span id="test"></span>
    <script>
        function place(e) {
            var x = e.clientX;
            var y = e.clientY;
            document.getElementById('test').innerHTML = "X-" + x + " Y-"
                    + y + "";
        }
    </script>
</body>
</html>

试试其它关键字

同语言下

可能有用的

贡献的其它代码Label