检测点击了带有imagemap的图像

Question

当您有多个共享同一图像图的图像时，是否有任何方法可以检测用户单击图像时单击的图像？

我创建了一个小javascript应用程序，将建筑物（简单图像）放置在地图上并可以在周围拖动。 当用户单击建筑物时，可以使用e.target轻松检索建筑物，然后四处拖动。 但是，当添加图像映射（以提高点击准确性）时，e.target不再起作用。 仍然有办法找出单击了什么图像吗？ 当图像使用imagemap时，javascript无法检测到图像被单击似乎有点奇怪？

因此，如果您有两个图像，都使用usemap =“ samemap”，那么如何找出触发图像映射时单击的两个图像？

Answer 1

我通过使用document.elementFromPoint（x，y）找到了解决此问题的方法。 它只是告诉什么元素在给定坐标处。 通过在单击图像映射时捕获鼠标单击的坐标，可以将其用于查找图像映射下方的图像。 对于Opera和Firefox，即使图像映射仍然存在，elementFromPoint也会提供图像。 对于Internet Explorer和Google Chrome，我不得不暂时禁用图像映射，使用document.elementFromPoint，然后重新启用图像映射。

找到答案后，我改用另一种方法，但也许对其他人有帮助。