在地图区域触发单击功能

时间:2013-12-05 16:59:13

标签: javascript jquery html

我正在使用地图,代码在下面

<map name="shotBoxLeftRight" onMouseOut="clearImage('two');">
    <area shape="circle" coords="24,24,12" href="#HIT" title="HIT" alt="HIT" onClick="clickShotBox($(this).attr('alt'),'two');" onMouseOver="mouseOverShotBox($(this).attr('alt'),'two');"/>
    <area shape="poly" coords="48,0,24,24,48,48" href="#RIGHT" title="RIGHT" onClick="clickShotBox($(this).attr('alt'),'two');" alt="RIGHT" onMouseOver="mouseOverShotBox($(this).attr('alt'),'two');"/>
    <area shape="poly" coords="0,48,24,24,0,0" href="#LEFT" title="LEFT" alt="LEFT" onClick="clickShotBox($(this).attr('alt'),'two');" onMouseOver="mouseOverShotBox($(this).attr('alt'),'two');"/>
</map> 

如何使用Click Event在参数区域触发函数"clickShotBox($(this).attr('alt'),'two')"。此地图使用三个区域 - LEFT,RIGHT和HIT。 我如何使用JavaScript或jQuery跟踪特定区域的命中?

1 个答案:

答案 0 :(得分:0)

首先将其更改为:

clickShotBox($(this).attr('alt'),'two') 

要:

clickShotBox($(this).attr('alt','two'))

注意:避免使用内联javascript,因为它导致难以维护,新程序员理解代码变得繁琐。