javascript - 当用户单击没有可单击区域的图像时显示警报消息

Question

根据 w3 教程，我正在使用一个简单的图像映射，

<p>Click on the sun or on one of the planets to watch it closer:</p>

<img src="hj.png"  alt="skitch" usemap="#planetmap">

<map name="planetmap">
<area shape="rect" coords="0,110,210,150" alt="Sun" href="sun.htm">

</map>

如果他单击图像的不可单击区域，我需要提醒用户。我为此搜索了很多，找到了很多教程，但找不到确切的。有什么办法可以在 java 脚本中做到这一点，虽然我是 jquery 的新手。如果只有 jquery 解决方案，请给我一些示例教程。

任何帮助表示赞赏！

Answer 1

在图像地图中创建新的可点击区域，覆盖人们不应点击的区域，然后将其设置如下：

<area shape="rect" coords="0,110,210,150" alt="Not Here" href="#" onclick="alert('Don\'t click here')">