Search code examples
jqueryinternet-explorerclickareainternet-explorer-11

jquery click on map area doesn't work in IE

So clicking on an area from jquery doesn't work in IE11. Works in Chrome. How can I make it so that IE will trigger when I click on the selected area on the image?

HTML:

<img src="http://www.free-pet-wallpapers.com/free-pet-wallpapers/free-pet-desktop-backgrounds/873826831.jpg" usemap="#map" />
<map name="map">
    <area shape="rect" coords="25,25,75,75" href='#asd' />
</map>

jQuery:

$('area').on('click', function(){ alert('click'); })

jsfiddle:

http://jsfiddle.net/yUaHG/1/

Solution

  • I don't know jquery but if it uses onclick in area tag then it's a bug in IE11. I reported it immediately as IE11 preview was released b https://connect.microsoft.com/IE/feedback/details/791499/onclick-doesnt-work-in-area-tag-on-ie11 At least for me workaround is to put javascript code in 'href'.