在 js 中確定 event.target 下面的元素

Question

我正在嘗試確定鼠標當前在 OpenLayers 地圖中懸停的圖塊。 當前編寫的代碼 - 使用標准的 Hover 處理程序並簡單地發送回事件 - 在 Chrome 中工作但在 Firefox 中失敗，因為 SVG 元素位於圖塊和鼠標之間。 我確信在帶有 VML 的 IE 中可能會發生類似的事情。

所以，問題是，如果該元素被當前作為該請求目標的另一個元素“阻止”，如何確定鼠標懸停在哪個元素上？ 或者，是否可以在另一個 div 中使用trigger() “重新運行”一個事件，並檢索新目標以模擬相同的事件？ 否則，使用 OpenLayers 確定位於某個像素坐標處的圖像既困難又低效。

Answer 1

AFAIK，沒有有效的方法來確定鼠標下方的元素； 您必須從事件 ( event.pageX/Y ) 中獲取 x/y 位置，並將其與頁面上每個元素的位置/大小進行比較。

Answer 2

我不確定但也許 document.elementFromPoint 方法可以幫助您，請參閱： elementFromPoint 方法