|
|
@@ -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);
|
|
|
|
|
|
}
|
|
|
// 鼠标弹起事件
|
