这个MouseEvent属性来自哪里?

Where does this MouseEvent property come from?

本文关键字：MouseEvent 属性 这个      更新时间：2023-09-26

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

http://jsfiddle.net/35z4J/115/

这部分代码帮助报告正方形中心的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文档。https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent我找不到任何关于path.offsetHeight和path.OffsetWidth的信息。那些是什么?我在哪里可以找到相关文件?

path是事件对象的一个属性，它以树的顺序包含了所有的祖先。

参见调度事件

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

因此，e.path[0]将指事件起源的元素。然后元素有offsetHeight属性

相关文章：