• RSS

[JS]Javascript で a 要素のリンクを無効にする方法のまとめ

  • このエントリーをはてなブックマークに追加
  • follow us in feedly

以前に紹介させていただいた CSSの pointer-events で <a> タグのリンクを無効化する方法にも関連しますが、今回は Javascript による<a> タグリンクの無効化を行う方法のまとめです。

どちらも

jQuery で a タグのリンクを無効

<a> タグ全部、もしくは a class="disabled" のような特定のリンクに対して、jQuery でクリックを無効化するという方法です。

jQuery で、class="disabled" のリンクを無効化します。


サンプルはこちら
jQuery で a タグリンクの無効化デモ


javascript:void(0) でリンクを無効

<a href=> に javascript:void(0) を指定する際の注意点 の記事でも紹介させていただいた通り、javascript:void(0) でリンクを無効化できます。

こちらはa href="" のリンクを無効にして、onClick 属性に書かれたスクリプトを実行する場合に利用することが多いと思います。
※IE6 にも対応する場合は return false; も付けておきます。


javascript:void(0) でリンク無効化のデモ



  • このエントリーをはてなブックマークに追加
  • follow us in feedly

コメント

コメントを残す

This site uses Akismet to reduce spam. Learn how your comment data is processed.