Javascript USEMAP和ONCLICK都用于不在Firefox中工作的IMG标记
我有一个带有USEMAP和ONCLICK的IMG标记,当用户单击映射时,我需要设置一个javascript变量,然后在调用函数的映射中使用该变量。如果我在IMG中单击ONCLICK时注释掉,Map将调用函数而不会出现问题。如果我注释掉USEMAP,ONCLICK会触发它设置的值,它们就不会一起玩得很好。我是否可以在firefox中使用ONCLICK来设置变量和USEMAP,这在IE中运行良好(示例代码如下)Javascript USEMAP和ONCLICK都用于不在Firefox中工作的IMG标记,javascript,firefox,onclick,Javascript,Firefox,Onclick,我有一个带有USEMAP和ONCLICK的IMG标记,当用户单击映射时,我需要设置一个javascript变量,然后在调用函数的映射中使用该变量。如果我在IMG中单击ONCLICK时注释掉,Map将调用函数而不会出现问题。如果我注释掉USEMAP,ONCLICK会触发它设置的值,它们就不会一起玩得很好。我是否可以在firefox中使用ONCLICK来设置变量和USEMAP,这在IE中运行良好(示例代码如下) 这是我的测试。 确保您的地图名称同时出现在地图和IMG标签中,如下所示: <ma
这是我的测试。
确保您的地图名称同时出现在地图和IMG标签中,如下所示:
<map name="map3">...
<img src="yoururlhere" usemap="#map3"> // not #Map3
图像映射:
<map name="my-map">
<area id="fav-area" shape=poly, coords="0,0, 46,0, 46,46" href="#fav">
</map>
不幸的是,这仍然不是我的问题,我在示例代码中修复了这一点,地图中的警报将出现,但我的onclick事件不会显示警报。我需要先点击启动,然后点击usemap查看任何建议。谢谢。@user3241545您可以添加一个事件处理程序来尝试吗。。请参阅更新的答案。并让我知道。
在
之外吗?是这样吗?
$(function() {
$('map[name=my-map] #fave-area').click(function (e) {
e.preventDefault();
alert('Clicked!');
});
});
<map name="my-map">
<area id="fav-area" shape=poly, coords="0,0, 46,0, 46,46" href="#fav">
</map>