Question

27

Can I have an onclick event on a imagemap area element?

rated 0 times [ 33] [ 6] / answers: 1 / hits: 67531 / 9 Years ago, tue, april 28, 2015, 12:00:00

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>

I have tried 2 different ways to have an onclick event. Firstly i tried this:

$(".blue").click( function(event){

    alert('test');

});

I have also tried this:

function myFunction() {

    alert('test');

}

Neither of the above work. Do area elements support the above, or do they only support having a href?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

montana

Add To Favorites

Follow

Total Points: 675

Total Questions: 86

Total Answers: 102

Location: Mali

Member since Fri, Dec 3, 2021

3 Years ago

answered 9 Years ago andrewb · Accepted Answer

Pay attention:

Attribute href is obligatory, without it the area-tag does nothing!

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

    */

});

Live example here.