0

同じイメージ マップを使用する 2 つのイメージがあるとします。

<img src="/test/image1.jpg" id="image1" useMap="map-name">
<img src="/test/image2.jpg" id="image2" useMap="map-name">

<map name="map-name">
  <area shape="rect" coords="0,0,82,126" alt="Sun" onmouseover="testFunction();"/>
  <area shape="circle" coords="90,58,3"  alt="Mercury" onmouseover="testFunction();"/>
  <area shape="circle" coords="124,58,8" alt="Venus" onmouseover="testFunction();"/>
</map>

testFunction() 内のイメージ (この場合は image1|image2) の ID を取得する方法はありますか?

4

1 に答える 1

0

はい。最も簡単な方法は、onmouseover を使用する代わりに、jQuery などのライブラリを使用してイベントをフックすることです。それを行う場合、基本的に次のようなことを行います。

$("AREA").mouseOver(function (e) {
  var id = $(e.target).attr("id");
}

そうしない場合は、testFunction の定義内で "this" をいじってみてください。幸運を祈ります (クロスブラウザーの非互換性の喜びに対処できるようになるため)。

于 2009-12-18T23:28:33.090 に答える