- onclickイベントに記述されているメソッドの後の「return false」役割が気になったので、それぞれの動作を確認。
#「return false」が記述されている場合
<html>
<body>
<a href="https://www.google.com/?hl=ja" onclick="alert('Googleにページ移動しない');return false;">
リンク
</a>
</body>
</html>
- リンク押下
- 「Googleにページ移動しない」がアラート表示される。
- アラート内のOKボタン押下してもページ移動はしない。
#「return false」が記述されていない場合
<html>
<body>
<a href="https://www.google.com/?hl=ja" onclick="alert('Googleにページ移動');">
リンク
</a>
</body>
</html>
- リンク押下
- 「Googleにページ移動」がアラート表示される。
- アラート内のOKボタン押下後Googleにページ移動する。
どうやら、return falseをつけることでhrefを打ち消している模様