浏览器控制台中的JavaScript事件对象

Question

我提前为我的无知道歉。我正在自学JavaScript并正在尝试事件，虽然我仍然对JS个对象感到困惑，但我不确定控制台在以下事件中打印的内容。

element.onclick = function(objEvent) {
 Console.log(objEvent);
}

控制台显示click clientX=76, clientY=20。究竟是什么信息？是事件对象的那些属性吗？

Answer 1

  

是事件对象的那些属性吗？

是的，他们是。在您的情况下（对于click事件），它实际上是一个Event的超集的对象：MouseEvent。

Answer 2

每当触发与DOM相关的event时，会收集有关所做操作的所有相关信息，并将其存储在名为event的对象上，在您的情况下，该对象称为{ {1}}。

由键盘操作引起的事件会生成有关已按键的信息。另一方面，event caused by the mouse会生成有关鼠标位置的信息，这是您的情况（鼠标光标的objEvent和X位置）

Answer 3

没错。

从event object开始，有各种属性和方法。您在那里看到的属性是鼠标位置。

此事件对象的常见用法可能是获取事件的目标/ srcElement

event.target | event.srcElement

例如 - 获取target / srcElement的id

event.target.id

非常好的研究对象

Answer 4

这些只是鼠标单击的地方屏幕上的像素坐标。

  

clientX是x坐标

     

clientY是y坐标

Answer 5

单击是事件，clientX和clientY是发生单击的像素坐标位置。查看此信息以获取更多信息 - http://www.javascripter.net/faq/mouseclickeventcoordinates.htm