使用elementFromPoint獲取特定子元素

Question

我有一個SVG地圖，其中包含多個PATH對象。地圖上有覆蓋圖像，所以無論何時我想在地圖上調用某個事件，我都必須使用elementFromPoint。我的函數有些結構是這樣的：

function CallEvent(e){ 

$('.overlay-image').hide(0); 

var mapObj = document.elementFromPoint(e.clientX, e.clientY); 

$(mapObj).click(); 

$('.overlay-image').show(0); 
} 

當我使用SHAPE的地圖，這是工作完美，但現在我使用SVG的地圖，它不和工作，因爲elementFromPoint選擇整個SVG元素我需要抓取位於用戶點擊的座標的PATH對象。

是否有可能使用此功能找到PATH對象？所有PATH對象都有id和class。

最後，SVG地圖的結構是這樣的：<SVG><D><PATH></PATH></D></SVG>

Answer 1

的jQuery Nearest Element plugin可以做你的需要。

您可以使用類似$.nearest({x: 100, y: 100}, 'path')的東西來識別最近的路徑。