すぎたです。

In message news:bcgi4u$jur$1@xfire.aist.go.jp
"吉見隆" <tak-yoshimi@aist.go.jp> wrote ...

> イベントハンドラが記述されたタグ<tr>を得るためには、そこから 
> parentNode で一階層上に遡らなければなりません。これは、IEでもNNでも同
> じでした。

こちらの記事は届いてなかったでしょうか？
(じつはサーバーの調子が悪かったので、すごく不安だったのですが・・・)

  news:bc4l66$8q9$1@news01.iij4u.or.jp

Phoenix 0.3 の場合、TDに記述したテキスト("#text")でもイベント
が発生しているみたいで、一階層上と限定するのは危なさそうです。
# 今の Gecko は確認してないです。


> 一般に、タグが階層構造になっていて、イベントハンドラが外側のタグに記述
> されている場合、event.srcElement あるいは event.target は最も内側の要
> 素が返ってくるものと決まっているのでしょうか。

IEのイベントに関しては、以下に説明があります。

  http://www.microsoft.com/japan/msdn/library/ja/jpisdk/dhtml/doc_object/event_model.asp?frame=true

IE限定ですが、確認用のプログラムを書いてみました。
# absolute はいいかげん(あってるかわからない)ですが・・・
## left, top のデフォルトって、利用しても良いのかどうか。

  <html>
  <head>
  <title>IE event-bubble</title>
  <style>
  .indt {
    margin-left: 2em;
    position: absolute;
  }
  </style>
  <script>
  function debug(w) {
    this.w = w;
    return this;
  }
  debug.prototype.vaprint = function (args) {
    if (typeof(this.w.self) != "object") return;
    var doc = this.w.document;
    for (var i=0; i < args.length; i++)
      doc.write(args[i])
    doc.body.scrollTop = doc.body.scrollHeight;
  }
  debug.prototype.print = function () {
    if (typeof(this.w.self) != "object") return;
    this.vaprint(arguments);
  }
  debug.prototype.println = function () {
    if (typeof(this.w.self) != "object") return;
    this.vaprint(arguments);
    this.w.document.writeln("<br>");
  }
  //
  var dbg = null;
  //
  function init() {
    dbg = new debug(dbgwin);
  }
  function prop(obj) {
    var s = "&lt;";
    s += obj.nodeName;
    s += " id='" + obj.id + "'";
    s += " left=" + obj.offsetLeft;
    s += " top="  + obj.offsetTop;
    s += "&gt;";
    return s;
  }
  function cancel() { event.cancelBubble = true; }
  function L1() { dbg.println("L1("+prop(event.srcElement)+")"); }
  function L2() { dbg.println("L2("+prop(event.srcElement)+")"); }
  function L3() { dbg.println("L3("+prop(event.srcElement)+")"); }
  function sep() { dbg.println("--"); }
  </script>
  </head>
  <body onload="init()">
  <p>
  <div id="a1" class="indt" onmouseover="L1()" onmouseout="sep()"
      style="background:cyan; width:200px; height:50px; top:60%">a
    <div id="b1" class="indt" onmouseover="L2()"
        style="background:yellow; width:200px; height:40px">b
      <div id="c1" class="indt" onmouseover="L3()"
        style="background:red; width:200px; height:30px">c
        <div id="d1" class="indt"
          style="background:green; width:200px; height:20px">d</div>
      </div>
    </div>
  </div>
  <p>
  <div id="a2" class="indt" onmouseover="L1()" onmouseout="sep()"
      style="background:cyan; width:200px; height:50px; top:80%">a
    <div id="b2" class="indt" onmouseover="L2(); cancel()"
        style="background:yellow; width:200px; height:40px">b
      <div id="c2" class="indt" onmouseover="L3()"
        style="background:red; width:200px; height:30px">c
        <div id="d2" class="indt"
          style="background:green; width:200px; height:20px">d</div>
      </div>
    </div>
  </div>
  <p>
  <iframe name="dbgwin" style="width:100%; height:50%"></iframe>
  </body>
  </html>

-- 
杉田
sugi-nws@bk.iij4u.or.jp