Javascript 检测div'；单击的是用户的背景图像

我有一个页面覆盖

div

，它有一个

背景图像

。背景图像在屏幕上居中，点击时有一个模拟按钮“关闭”（在图像本身中），删除覆盖。我想检测用户是否只点击了图像中的模拟按钮区域。为了更好地理解，假设按钮区域位于图像边缘顶部45%和左侧45%的位置

---

目前，我确实删除覆盖在点击任何地方的图像。我只想把点击限制在按钮区域。任何想法都值得高度赞赏。

使用HTML5，您可以在图像上创建地图，用户可以在地图上单击并对其进行操作，查看一下使用图像映射，如

<img src="myImg.gif" width="100" height="100" alt="MyImageWithBtn" usemap="#imgmapExample">

<map name="imgmapExample">
  <area shape="rect" coords="0,0,50,80" alt="Sun" href="sun.htm">
</map>

PS：根据按钮的位置给出
coords
值

帮助您找到图像的坐标
您可以在JSFIDLE中发布示例代码吗？创建一个div并将其对齐到您想要单击的位置，并在该div而不是图像上创建函数