jquery - jquery ホバー イメージ マップ ie7/ie8 上の領域

Question

イメージマップがあり、次のものを使用しています

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

問題は、ie7 と 8 がエリア タグのホバー イベントを検出しないことです。これに対する回避策はありますか?

Answer 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/で試してみてください。