Javascript 使用elementFromPoint()获取特定的子元素
我有一个Javascript 使用elementFromPoint()获取特定的子元素,javascript,jquery,html,Javascript,Jquery,Html,我有一个SVG映射,它包含多个PATH对象。地图上有一个重叠的图像,所以每当我想调用地图上的某个事件时,我必须使用elementFromPoint。我的函数的结构有点像这样: function CallEvent(e){ $('.overlay-image').hide(0); var mapObj = document.elementFromPoint(e.clientX, e.clientY); $(mapObj).click(); $('.overlay-image').sh
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
对象都有id和类
最后,SVG映射的结构如下:
可以做您需要的事情
您可以使用类似$.nextest({x:100,y:100},'path')
的内容来标识最近的路径