admin

4_BOM&DOM/17_按下弹起事件.html

@@ -9,6 +9,9 @@
             width: 100px;
             height: 100px;
             background-color: red;
+            position: fixed;
+            top: 100px;
+            left: 110px;
         }
     </style>
 </head>
@@ -21,6 +24,10 @@
         oBox.onmousedown = function(e){
             console.log("鼠标按下");
             console.log(e);
+            // offsetLeft 当前元素距离窗口 左侧的间距
+            console.log(oBox.offsetLeft);
+            // offsetTop 获取当前元素距离窗口顶部的距离
+            console.log(oBox.offsetTop);
             
         }
         // 鼠标弹起事件