DIV のクリックを検出する

【実行画面】
ここをクリックして下さい

【Source Code】
<DIV> タグのクリックで呼び出される MouseClick() 関数です。
<script type="text/javascript">
  function MouseClick()
  {
    alert("DIV がクリックされました");
  }
</script>
【DIV タグです】
クリックすると MouseClick() 関数を呼び出します。
  <h1>DIV Click</h1>
  <div onclick= MouseClick()>ここをクリックして下さい</div>

onclick イベントは HTML タグの多くに設定することが出来るようです。
例えば a, body, button, div, img, table, tr, td などにも使えます。
<div> タグに onclick を設定して MouseClick() 関数を呼び出してみました。

Button を並べてクリックを検出する

【実行画面】


【Source Code】
<button onclick="func_1()">Button 1</button>
<button onclick="func_2()">Button 2</button>
<button onclick="func_3()">Button 3</button>

<script type="text/javascript">
function func_1()
{  window.alert("Button 1 がクリックされました");
}
function func_2()
{  window.alert("Button 2 がクリックされました");
}
function func_3()
{  window.alert("Button 3 がクリックされました");
}
</script>

前田稔の超初心者のプログラム入門
超初心者のプログラム入門(JavaScript)