我需要在没有声明区域id的地图区域上设置事件"点击"。我的国家地图有5个带有id的区域,如下所示:
<area shape="poly" name="Area 1" coords="343,183 etc" title="My area 1" id="1" href="#">
在JS中,我有一个函数:
$('#my-map-div').mapster({
fillOpacity: 0.8,
fillColor: "FFFFFF",
stroke: false,
onClick: function (e) {
alert('HERE IS MY ACTION');
}
当我点击带有id的区域时,会看到我的警报。
地图的其余部分呢?没有声明的区域坐标、区域id等?如何设置事件"点击"?当有人在区域外点击地图时,我需要提高警惕。
我想你可能已经找到了答案,但对于其他想知道的人,你可以把onclick调用放在区域上,而不是放在mapster()函数中,例如:
<area shape="poly" coords="192, 187, 120, 108, 151, 85, 183, 70, 215, 61, 252, 57, 252, 164, 232, 166, 210, 174" href="#" onclick="alert('you clicked me');" />
对于地图的其余部分,默认区域可以以相同的方式单击:
<area shape="default" href="#" onclick="alert('dont click here, whatever you do');">