在图像的一部分上触发悬停事件（地图/区域）

Question

我想在图像的一部分（地图中的某个区域）上触发悬停事件。

以下是代码：

<img src="1.jpg" id="image1" width="500px" height="500px" usemap="#map1" />
<map id="map1" height="500" width="500" name="map1">
<area shape="rect" coords="0,0,10,10" id="area1" />
</map>

我想在页面加载时触发在＃area1上悬停的事件，但似乎下面的内容正在为div工作但不在区域上工作

$( "#area1" ).mouseover();