onclickとreturn falseについて - 航海日誌
こちらを参考に。
リンクをクリックしたら処理を実行するアンカータグを書くとする。
このときonclickには関数名を書きます。
<a href="http://hoge.com/hoge" onclick="foo()">(◕‿‿◕)</a> <script type="text/javascript"> function foo() { alert('僕をクリックしてよ'); }; </script>
勿論引数つきの関数をつけても構いません。
<a href="http://hoge.com/hoge" onclick="foo(2011, 11, 7)">(◕‿‿◕)</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;">(◕‿‿◕)</a> <script type="text/javascript"> function foo() { alert('僕をクリックしてよ'); }; </script>
引数を基にダイアログを表示させたいとかいう場合は、return false を使うと良いでしょう。
jQueryにも使えます。