document.addEventListener click事件获取点击元素定位值
时间: 2023-10-07 11:10:01 浏览: 137
js事件机制 .pdf
可以使用 event.target 属性来获取被点击的元素,然后再使用该元素的 getBoundingClientRect() 方法获取该元素的位置信息。
示例代码如下:
```javascript
document.addEventListener('click', function(event) {
var target = event.target;
var rect = target.getBoundingClientRect();
console.log(rect.top, rect.right, rect.bottom, rect.left);
});
```
以上代码会在点击任何元素时输出该元素的位置信息。其中,rect.top、rect.right、rect.bottom 和 rect.left 分别表示该元素距离视口顶部、右侧、底部和左侧的距离。
阅读全文