Tipsカテゴリー

aタグにonclick属性を付けた時のイベント内処理のキャンセル

aタグにonclick属性をつけて、クリックした時にJavaScriptの関数を実行するようにした場合、関数実行後にhref属性の値を参照しようとします。
これをキャンセルするには以下のようにfalseを戻り値となるように記述します。

これでクリック時には、指定した関数だけを実行してくれます。

<a href="" onclick="myfunction(); return false;">処理実行</a>

1	<a href="" onclick="myfunction(); return false;">処理実行</a>

また、実行する関数内に、「return false;」と記述したり、
以下のいずれかで記述する方法もあります。

<a href="javascript:void(0);" onclick="myfunction();">処理実行</a>
<a href="javascript:myfunction();">処理実行</a>

1 2	<a href="javascript:void(0);" onclick="myfunction();">処理実行</a> <a href="javascript:myfunction();">処理実行</a>

WordPress を利用した Webサイト制作の方法を、
あなたのオフィスにうかがいご説明いたします。
料金：¥49,500

一刻も早く Webサイトが必要な方のために、
一緒に作業し１日で公開までもっていきます。
料金：¥49,500

WordPress の基礎から応用まで

Webサイト制作ツールとして圧倒的な人気を誇るWordPress。利用するにあたって必要な知識を体系的にまとめた記事です。
jQuery Mobile を基本から覚える

スマホサイト制作に最適なフレームワークの利用方法を解説。DEMOページ・サンプルコードで動作を確認できます。