実験「リストマークにおけるイベント発生」

<< 戻る   トップ >>

目的

現時点では、「鴨乃嘴南蛮」のツリーメニューは Unumbered List <ul> を利用して作成している。Firefox ではCSS属性 list-style-image でグラフィックを設定したリストマークを含めて、List Item <li> でイベント発生することが確認されているが、他の主要ブラウザでもイベントを発生するかどうかを検証する。

<ul>
  <li onclick="alert('LI1')">リストアイテム1</li>
  <li onclick="alert('LI2')">リストアイテム2</li>
  <li onclick="alert('LI2')">リストアイテム3</li>
  <li onclick="alert('LI3')">リストアイテム4</li>
</ul>

結果

browserevent
Firefox 1.07
Mozilla 1.7.12
Opera 8.51×
Konqueror 3.5.0×
IE 6.x

考察

リストマークでイベントが発生するかどうかはブラウザベンダーの裁量によるところである。主要ブラウザ 4種のうち、非 Mozilla 系はリストマークではイベントを発生すべきではない、と考えているようだ。

マークのクリックでもイベントを発生させるなら、<ul> の利用は避けた方が賢明なようだ。

いうまでもなく IE 6.x は参考出品、みそっかすです。


作成: 2006-01-13 12:12:33.0更新: 2006-01-13 12:12:33.0
http://museo-anonimo.jp/nanban/?id=108,http://museo-anonimo.jp/nanban/tr/108