html - リンクをクリックしたときにページがトップに移動しないようにする

Question

リンクをクリックするたびにページが「ジャンプアップ」しないようにするにはどうすればよいですか? たとえば、ページの途中にリンクがあり、クリックするとページが一番上にジャンプします。

Answer 1

アンカーhref="#"ですか？代わりに設定できますhref="javascript:void(0);"。

デフォルトを防止する場合は、代わりにこれを使用してください。

event.preventDefault ? event.preventDefault() : event.returnValue = false;

Answer 2

これがリンクの HTML であると仮定しましょう。

<a href="#something" id="some_id">Some link goes somewhere...</a>

jQueryを使用している場合は、次のようにしてください。

$(document).ready(function() {
    $('a#some_id').click(function(e) {
        e.preventDefault();
        return false;
    });
});

デモ: http://jsfiddle.net/V7thw/

jQuery ドラッグを使用していない場合は、次の純粋なDOM JavaScriptを試してください。

window.onload = function() {
    if(document.readyState === 'complete') {
        document.getElementById('some_id').onclick = function(e) {
            e.preventDefault();
            return false;
        };
    }
};

Answer 3

アンカータグを探しているのでlinkhrefプロパティを に設定すると先頭にジャンプします。#プロパティをそのままにしてhrefおくと、どこにも移動しませんが、リンクのようにも見えなくなります（clickJavaScriptで偶数を処理するようにしてください。そうしないと、実際にはあまり役に立ちません）。

もう 1 つのオプションは、JavaScript とイベント ハンドラ内でクリックを処理し、デフォルト アクションをキャンセルして false を返すことです。

   e.preventDefault();
   return false;