如何在div中找到特定区域

Question

我想使用javascript或Jquery将事件（单击）绑定到附加图像中指定的特定区域（红色阴影框）

如何将事件绑定到该区域..？

请帮我解决问题..

谢谢， Prasanth

Answer 1

旧的，但可靠的技术是使用<map>标签：http://www.w3schools.com/tags/tag_map.asp

<p>Click on the sun:</p>

<img src="http://i.stack.imgur.com/lKoAr.gif" width="145" height="126" alt="Planets" usemap="#planetmap">

<map name="planetmap">
  <area shape="rect" coords="0,0,82,126" alt="Sun" onclick="alert('Hello Sun!')">
</map>

但是，您想要div。您可以在div顶部使用覆盖透明的图像。如果你关心的话，你将失去与div本身互动的能力。

否则，您只需使用JavaScript并使用通过offsetX和offsetY属性找到的点击坐标来处理事件。您可能不得不处理一些跨浏览器问题，具体取决于您要支持的浏览器。