当用户单击没有可点击区域的图像时，会显示警告消息

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')">