以下に、JavaScript リンクをクリックした後にページが上部にスクロールする問題に焦点を当てた、提供された記事の質問ベースのタイトルをいくつか示します。 短くて直接的: ※ページスクロールを止める方法

JavaScript リンクでページが先頭にスクロールしないようにする方法 クリック:

アンカーなどのリンクされた要素から JavaScript イベントをトリガーする場合

解決策:

この望ましくない動作を防ぐには、イベントを抑制する必要があります。クリックイベントのデフォルトアクション。これは、次の 2 つの方法を使用して実現できます。

1. event.preventDefault():

イベント ハンドラーに渡されたイベント オブジェクトで .preventDefault() メソッドを呼び出すことで、リンク ターゲットに移動するデフォルトの動作を防ぐことができます。

例 (jQuery):

<code class="javascript">$('#my-link').click(function(event) {
  event.preventDefault();
  // Your JavaScript code here
});</code>

例 (DOM):

<code class="javascript">document.getElementById('my-link').addEventListener('click', function(event) {
  event.preventDefault();
  // Your JavaScript code here
});</code>

2. return false:

jQuery では、イベント ハンドラーから false を返すと、.stopPropagation() メソッドと .preventDefault() メソッドの両方が自動的に呼び出されます。

例 (jQuery):

<code class="javascript">$('#my-link').click(function(event) {
  // Your JavaScript code here
  return false;
});</code>

生の DOM イベントを使用する場合は、古いブラウザーとの互換性を最大限に高めるために、.preventDefault() を明示的に呼び出すことをお勧めします。詳細については、event.preventDefault() と return false に関するドキュメントを参照してください。

以上が以下に、JavaScript リンクをクリックした後にページが上部にスクロールする問題に焦点を当てた、提供された記事の質問ベースのタイトルをいくつか示します。 短くて直接的: ※ページスクロールを止める方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。