jquery 悬停在图像地图 ie7/ie8 上的区域上

【问题标题】：jquery hover over areas on image map ie7/ie8jquery 悬停在图像地图 ie7/ie8 上的区域上
【发布时间】：2012-09-09 14:15:16
【问题描述】：

我有一个图像映射，并且正在使用以下内容

 $('area').hover(function(e) {

问题是ie7和8没有检测到区域标签的悬停事件。有解决办法吗？

【问题讨论】：

它应该可以与mouseover 一起使用。
IE 不理解 HTML5 标签。您在使用 Modernizr 吗？
什么html5标签？区域？应该没问题w3schools.com/tags/tag_area.asp 我已经添加了 html5shiv 但不是通过modernizr 只是一个 ie 条件。

标签： jquery hover area

【解决方案1】：

我创建了一个简单的演示来尝试重现您的问题，但它似乎可以正常工作。我用的是IE9，但是通过集成的开发者工具改变浏览器模式来测试IE7和IE8。

HTML

<img src="http://placekitten.com/g/400/400" width="400" height="400" alt="Kitten" usemap="#areamap" />

<map name="areamap" id="areamap">
  <area shape="rect" coords="100,100,300,300" href="#top" alt="Top" id="area1" />
</map>

Javascript

$('area').hover(
    function(event) { console.log(event.type, this.id); },
    function(event) { console.log(event.type, this.id); }
);

欢迎您亲自尝试http://jsfiddle.net/Xcm46/

【讨论】：