如何在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属性找到的单击坐标来处理事件。您可能必须处理一些跨浏览器的问题，这取决于您想要支持的浏览器。