[ HTML ] onclick イベントが呼び出されない事例から学んだこと

Pocket

HTML の onclick イベントで Javascript の関数を呼び出そうとしたのですが、呼び出されないことがありました。そのときの Javascript と HTML は以下のようなものでした。

スポンサーリンク

Javascript

function test() 
{
    alert('test function called');
}

HTML

  <body>
    <input type="checkbox" onclick="test();" name="test" id="test" />チェック
  </body>

対処方法

理由は今でもわかりません。と言うよりも仕様といわれそうですが、タグの id 属性 ( name 属性? ) の値と同一の関数名は呼び出されないようです。

ちゃんと区別してわかりやすい名前を付ければよいことなので深く追及することはしませんが、原因特定までは3時間強かかりました。適当にやって後でしっぺ返しがくるいい例です。

ちなみに数年前の話でして、動作確認を行った IE も Firefox もバージョンすら記憶にありません。古いと言うことだけは間違いありません。

スポンサーリンク


Pocket

Leave a Comment

Your email address will not be published. Required fields are marked *