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

Question

在javascript中,我希望能够确定html页面中发生鼠标单击的元素.请注意,元素不会附加事件侦听器.

基本上:光标位于页面的某个位置,用户单击鼠标,捕获鼠标单击事件,获取发生单击的元素.这可能吗？

我想到的一种方法是获取click事件的x,y坐标,遍历DOM获取每个元素的位置,并找到包含click事件的最内层元素.听起来有点啰嗦 - 所以想知道是否有另一种方式.

Answer 1

http://www.quirksmode.org是一个非常好的网站,解释了很多关于事件的内容.

特别是对于您的问题:事件属性 - 哪个HTML元素是事件的目标？.

在Internet Explorer中,您可以从该元素event的对象与event.srcElement^[文件],并与所有其他浏览器event.target^[文件].

另请参阅我链接到的示例中的"Safari bug"解决方法(虽然我不知道它是否仍然存在和/或在哪个版本的Safari中).

Answer 2

试试event.target.该页面上有一个示例,说明如何使用它.