投稿者: taikiken

prototype.js が IE8 に対応した Prototype 1.6.1 RC2 をリリースしています。
Prototype 1.6.1 RC2: IE8 compatibility, Element storage, and bug fixes

RC なので IE8 対応が必要にならないなら stable 版を使おうかと思います。
IE8 もリリース直後にそこそこインストールされたようですが、サイトブラウジングの問題からダウングレードされたのかシェアは斬減傾向らしいです。

IE8本格普及期には対応しなければいけないのかもしれませんが、それはいつになるのでしょう？

クリックをオブザーブしたハンドラに送られる Event インスタンスの中身が IE だけ微妙に違ってた。

HTML

<div id="thumbnail">
	<a href="images/image1.jpg" class="gallery"><img src="images/image1-thumb.jpg" alt="画像1" /></a>
	<a href="images/image2.jpg" class="gallery"><img src="images/image2-thumb.jpg" alt="画像2" /></a>
	<a href="images/image3.jpg" class="gallery"><img src="images/image3-thumb.jpg" alt="画像3" /></a>
</div>

Javascript

document.observe("dom:loaded",
	function (){$$('. gallery').each(
		function (element) {
			element.observe("click",clickHandler)
		})
	}
);
function clickHandler (event) {
	....
}

prototype.jsを使ってハンドラに送られた Event インスタンスを調べてみた。

Object.keys(event);
Object.values(event);

IE には Event インスタンスに currentTarget が存在しない。
また、 target は [objcect] になっておりその中身も [object HTMLImageElement] な Firefox などとは若干違っている。

希望は
currentTarget : a タグ
target : img タグ

IE は currentTarget が無いので a タグの DOM を取得するのにどうすんだろうが調べてみるきっかけ。
今回の script では a タグの href が必要だっただけなので無理矢理ごまかした。

IE, target.href プロパティ。
target(img)に本来は存在しない href プロパティがあった。
中身は img タグ src の値。

な〜んかへんなの。
多分、IEがやっちまってるのだろうと納得しておく。

update 2009-09-09
イベントを発生させた要素を取得するメソッドがありました。

event.element();