■

<ul>
<li>
<a href="./images/pct_01.jpg">
<img src="./images/hogehoge.jpg" title="tekitou" />
</a>
</li>
                
</ul>
</div>

ってのがあったとして、

var ul = document.getElementsByTagName("ul").item(0);
my alert = function(ev) {
  alert(ev.target);
}

ul.addEventListener("click", myalert, false);

とかくと、[firefox3.7.x]

ul上ではHTMLULlistElement
img上ではHTMLImageElement

と表示される。img上では、a要素のHTMLElementは表示されない。
alertは一回だけです。

また、a要素上でもクリックしているので、デフォルト機能により、href属性の値のURLまで飛ばされる。
前後関係は
自分のイベント -->>　リンクに飛ぶ
順番で。

あとは、親要素引っ張り出して、修復したらおしまいですな。