我可以在图像地图区域元素上发生onclick事件吗? [英] Can I have an onclick event on a imagemap area element?
本文介绍了我可以在图像地图区域元素上发生onclick事件吗?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我想在区域元素上放置一个onclick事件.这是我的设置:
I would like to put an onclick event on an area element. Here is my setup:
<img id="image" src="wheel.png" width="2795" height="2795" usemap="#Map" >
<map name="Map">
<area class="blue" onclick="myFunction()" shape="poly" coords="2318,480,1510,1284" href="#">
</map>
我尝试了2种不同的方式来进行onclick事件.首先,我尝试了这个:
I have tried 2 different ways to have an onclick event. Firstly i tried this:
$(".blue").click( function(event){
alert('test');
});
我也尝试过这个:
function myFunction() {
alert('test');
}
以上两种方法均无效.区域元素支持以上内容,还是仅支持具有href?
Neither of the above work. Do area elements support the above, or do they only support having a href?
推荐答案
请注意:
-
属性href是必填项,没有它,Area-tag不会执行任何操作!
Attribute href is obligatory, without it the area-tag does nothing!
要添加点击事件,您需要阻止默认的href.
To add a click event, you'll need to block default href.
您的代码应如下所示:
Your code should start as follows:
$(".blue").on("click", function(e){
e.preventDefault();
/*
your code here
*/
});
这篇关于我可以在图像地图区域元素上发生onclick事件吗?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文