如何找到特定区域在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>

Bu t，你想要一个div。您可以在div之上使用重叠透明的图像。如果你关心的话，你将失去与div本身交互的能力。

否则，你就必须使用通过offsetX和offsetY性质发现点击坐标使用JavaScript和处理该事件。根据您希望支持的浏览器，您可能需要处理一些跨浏览器问题。