javascript - js获取鼠标点击元素的位置，在vue中。

问题描述

问 题

鼠标点击元素后， js获取该元素相对于浏览器左上角的位置偏移, 现在只有鼠标点击的event

解决方案

看了下你的解決方法，但是其實不用那麼複雜，原生的 dom 就有提供一個 getBoundingClientRect() 方法可以取得元素相對於瀏覽器的位置，而且兼容到 IE 8：

你可以這樣使用它：

showPopup: function(e){
    var rect = e.target.getBoundingClientRect()
    this.popup.x = rect.left
    this.popup.y = rect.top
}

这篇关于javascript - js获取鼠标点击元素的位置，在vue中。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！