lovecoding
/
Web1020


			
				
					
						
						
							123456789101112131415161718192021222324252627
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <button>按钮</button>
    <script>
        var oBtn = document.getElementsByTagName("button")[0];
        oBtn.onclick = function(e){
            //clientX 鼠标相对于可视区域的x坐标
            console.log(e.clientX);
            //clientY 鼠标相对于可视区域的y坐标
            console.log(e.clientY);
        }
        // 获取页面的可视区域 可以理解为整个html文档
        var oDom = document.documentElement;
        console.log(oDom);
        oDom.onclick = function(e){
            console.log("点击了页面");
            console.log(e.clientX);
        }
    </script>
</body>
</html>