获取发生鼠标点击的html元素？

Question

在javascript中我希望能够确定在其中单击鼠标时HTML页面的元素。请注意，这些元素不会附加事件侦听器。

基本上是：光标停在某个页面，用户点击鼠标，捕获鼠标点击事件，得到发生掣子元件。这可能吗？

我想到的一种方法是获取click事件的x，y坐标，迭代DOM获取每个元素的位置，并找到包含click事件的最内层元素。听起来有点冗长 - 所以想知道是否有另一种方式。

Answer 1

http://www.quirksmode.org是一个很好的网站，解释了很多事件。

特别是对于你的问题：Event properties - Which HTML element is the target of the event?。

在Internet Explorer中，您可以从event对象中获取元素event.srcElement^[docs]以及其他所有浏览器中的元素event.target^[docs]。

另请参阅我链接到的示例中的“Safari bug”解决方法（尽管我不知道它是否仍然存在和/或Safari的哪个版本）。

Answer 2

尝试event.target。该页面上有一个示例显示如何使用它。