Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用elementFromPoint()获取特定的子元素_Javascript_Jquery_Html - Fatal编程技术网

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')
的内容来标识最近的路径