web-dev-qa-db-ja.com

アンカーリンクをクリックしたときにジャンプを停止するにはどうすればよいですか？

アンカーリンクをクリックしたときにジャンプを回避する方法はありますか？ビューが変更されないように。

htmltagsclickanchor
12
Tomkay

この問題に対する最も意味的で意味のあるアプローチは、JavaScript内からonclickイベントを処理することです。理想的には、このファイルは別のファイルに保存するのが最適ですが、問題のあるファイルにインラインスクリプトを含めるだけで十分です。すでにjQueryのようなJavaScriptライブラリを使用している場合は、この問題に取り組むことをお勧めします。

IDを割り当てる
jQueryを使用して選択できるように、アンカーにid属性を含めます。

<a href="#anchor" id="mylink" title="Title Here">Link Text</a>

バインドクリックイベント
JavaScriptファイル/インラインスクリプト内から、次のものを含めます。

$('#mylink').click(function(event) {

    // This will prevent the default action of the anchor
    event.preventDefault();

    // Failing the above, you could use this, however the above is recommended
    return false;

});

上記の方法は、jQuery API Webサイトを使用して完全に説明されています。 http://api.jquery.com/event.preventDefault/

19
James

使用するだけです：

<a href="javascript:void(0);">Text</a>
14
Nirmal

Javascriptを使用して、リンクのデフォルトの動作を防ぐことができます。簡単な例は次のとおりです。

<a href="#myanchor" onclick="return false;">link</a>
1
James