by shigemk2

当面は技術的なことしか書かない

onclickとreturn false

onclickとreturn falseについて - 航海日誌
こちらを参考に。
リンクをクリックしたら処理を実行するアンカータグを書くとする。
このときonclickには関数名を書きます。

<a href="http://hoge.com/hoge" onclick="foo()">(&#9685;&#8255;&#8255;&#9685;)</a>
<script type="text/javascript">
function foo() {
  alert('僕をクリックしてよ');
};
</script>

勿論引数つきの関数をつけても構いません。

<a href="http://hoge.com/hoge" onclick="foo(2011, 11, 7)">(&#9685;&#8255;&#8255;&#9685;)</a>
<script type="text/javascript">
function foo(y, m, d) {
  alert(y + '' + m + '' +  d);
};
</script>

ただこの状態だと、リンクをクリックしたら指定したページに飛んでしまいます。
飛ばさないようにするにはどうしたら良いのか。
リンクに飛ばずに処理を実行させるには、
onclickのあとにretrun falseを追加します。

<a href="http://hoge.com/hoge" onclick="foo(); return false;">(&#9685;&#8255;&#8255;&#9685;)</a>
<script type="text/javascript">
function foo() {
  alert('僕をクリックしてよ');
};
</script>

引数を基にダイアログを表示させたいとかいう場合は、return false を使うと良いでしょう。
jQueryにも使えます。