检查点击了哪个部分？

Question

你可以在JS或JQuery中检查点击图像的哪个部分吗？

例如，我们有：Picture

您可以查看用户是否点击了特定笔吗？例如红色的那个？

由于

Answer 1

您至少有三个选择：

1. 使用一支笔将图像分割成多张图像，然后将它们放入指定笔的链接中（例如<a href="#red"><img src="redpen.jpg" /></a>。

2. 您可以使用带有区域标记的HTML地图。

3. 您可以使用点击事件的坐标来决定点击哪支笔，如此答案中所述：https://stackoverflow.com/a/4249711/387573

Answer 2

使用image-mapping更适合这种要求。映射所需的区域并链接到所需的URL。了解image-mapping http://www.w3schools.com/tags/tag_map.asp

的更多信息

Answer 3

如果您不想使用图片地图，您也可以只检测点击的x＆amp; y相对于图像的位置，然后从那里找出你想要做的事情。

这不是很容易获得，但将工作。

你可以找出相对的x＆amp; y点击的位置就像这样。 （尝试点击黄色笔）

＆＃13;

＆＃13;

<img src="http://www.wilde13-werbemittelkatalog.de/pictures/werbekugelschreiber.jpg"/>

＆＃13;

i++

＆＃13;

＆＃13;

＆＃13;