獲取發生鼠標點擊的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。該頁面上有一個示例顯示如何使用它。