Big Bang

パソコンの電源を入れた時、メモリー空間に無限の宇宙が拡がる

aタグをボタン代わりに使う

| 1件のコメント

これは「ボタンを押したら色を変える」に書いたものの再掲です。
どの記事にあるかわからなくて探せないと困るので、単独記事にします。

onclick と、何もしないJavaScript javascript:void(0) について

aタグをボタン代わりに使う

前回まではボタンを押したら、JavaScriptが作動しましたが、onclick はボタン以外でも使えます。

今回はリンク用のタグ a の onclick を使っています。
ただし、本来aタグはクリックしたらリンク先へ飛ぶものですので、その作用を無効にしないと誤作動します。

href=”javascript:void(0)”

javascript:void(0)は何もしないコードです。つまり、リンク先へ飛ぶところに何もしないスクリプトを割り当てることで、作用を無効にしています。

例:

<a href=”javascript:void(0)” onclick=”document.getElementById(‘p’).innerHTML=’HELLO!'”>押して!</a>
<p id=”p” style=”color:#00f;font-size:3em”></p>

上のソースの実行例:
押して!

1件のコメント

  1. メチャ 面白いです~!(^^)!

    何か アイデアを考えて 使ってみます。

    今日の記事です テーブル完璧!・・笑

    http://fanblogs.jp/mikannoheya/archive/643/0

コメントを残す

Top