Javascript 这个MouseEvent属性来自哪里？

我有一个JSFIDLE，它报告一个白色正方形的x，y坐标，当鼠标按钮被释放时，这个正方形被鼠标移动

这部分代码有助于报告正方形中心的x、y坐标

stop: function(e) {
  console.log("STOPPING");
    var divheight= e.path[0].offsetHeight;
    var divWidth= e.path[0].offsetWidth;
    console.log(e.clientX+divWidth/2)
     console.log(e.clientY+divheight/2)

},

上面让我困惑的两行代码是：

var divheight= e.path[0].offsetHeight;
var divWidth= e.path[0].offsetWidth;

我查看了MouseEvent文档。

---

我找不到关于

path.offsetHeight

和

path.OffsetWidth

的任何信息。那些是什么？在哪里可以找到相关文档？

路径是事件对象的属性，它按树的顺序包含所有祖先

看

如果事件的目标属性值参与到树中，则让 事件路径必须是树中所有祖先的静态有序列表 顺序，否则让事件路径为空列表

---

因此

e.path[0]

将引用事件起源的元素。那么这个属性就有另一个问题了

。。。我是否需要某种调试器来查看事件对象的路径属性？我们使用的是

path[0]

，因为我们想读取

形状的属性element@user768421-您可以使用控制台日志记录。。。查看控制台以检查值Show我是否知道何时使用路径[0]

或路径[1]？有这方面的文件吗？还是使用调试器查看要使用的索引？对不起，我对web应用程序开发不熟悉。@user768421代替

e.path[0]

您也可以使用

e.target