1. ホーム
  2. ジャバスクリプト

[解決済み】'#'リンクをクリックするとページのトップにジャンプするのを防ぐには?

2022-04-05 04:07:20

質問

現在 <a> タグとjQueryを使用して、クリックイベントなどを開始します。

例としては <a href="#" class="someclass">Text</a>

でも、'#'でページが飛んでしまうのが嫌なんです。代わりにどうしたらいいでしょうか?

解決方法は?

jQueryで、clickイベントを処理するとき。 を false で返すと、通常の方法でリンクが反応しないようになります。 は、デフォルトのアクションである href 属性が実行されないようにする(PoweRoyのコメントと エリックの回答 ):

$('a.someclass').click(function(e)
{
    // Special stuff to do when this link is clicked...

    // Cancel the default action
    e.preventDefault();
});