aタグのonclickを使うときの落とし穴（IE6）

2008年11月14日 19:09

今回、偶然遭遇したIE6のバグ（？）をメモしておきます。
現象は、imgタグでマークアップした画像のボタンにaタグのonclickなんかで処理をさせる場合のもの。

今回、formの外からsubmit()を実行する必要があったので、onclickに関数を設定し、その関数内で処理を行ったあと、formのsubmit()を実行させたのですが・・。
なんでか、IE6だけどうしても動かない。なにをしても動かない。
原因はよくわからないが、onclickに設定した関数のあとにreturn falseを追加したらうまく動いた。

【推測】
社内で協議の結果、aタグ自身の動作とonclickで設定したsubmit()の処理がぶつかっているのでは？　ということに。
その証拠になるかは分からないけど、submit処理をたとえば

▼EntryMore▼

t = setTimeout( function () { form.submit(); }, 0 );

などとすると、これはこれで想定した通りに動いてくれた。

【まとめ】
ということで、aタグにonclickで処理を入れるときは必ず「return false;」を指定しよう、ということで。