リンク使用時にハイパーリンクがジャンプしないようにする方法

リンク使用時にハイパーリンクがジャンプしないようにする方法
<a href="" onclick=""> を使用しているときに、いくつかの問題が発生し、1 か月以上困惑していました。今、ネットユーザーから次の結論を得て、突然啓発され、問題が解決しました。

最初にリンクの onclick イベントが実行され、次に href 属性の下のアクション (ページ ジャンプ、または JavaScript 疑似リンク) が実行されます。
リンクに href と onclick の両方が存在すると仮定します。href 属性の下のアクションが実行されないようにするには、onclick は false 値を返す必要があります。
ページが長すぎてスクロール バーがあり、リンクの onclick イベントを通じてアクションを実行する場合。 href 属性は # ではなく javascript:void(0); に設定する必要があります。これにより、不要なページジャンプを防ぐことができます。
リンクの href 属性で戻り値を持つ関数が呼び出されると、現在のページの内容はこの関数の戻り値に置き換えられます。
Shift キーを押しながら操作すると違いが出ます。
今日遭遇した問題は、IE6.0 では href の形式で parentNode にアクセスできないことです。
A の href 属性として javascript: プロトコルを使用しないようにしてください。これにより、window.onbeforeunload イベントが不必要にトリガーされるだけでなく、IE で gif アニメーションの再生も停止します。

<<:  JavaScript の新しい要素トラバーサルプロパティを使用して子要素をトラバースする方法を学びます

>>:  onfocus="this.blur()" は視覚障害のあるウェブマスターに嫌われている

推薦する

選択ドロップダウンボックスの値をIDに渡してコードを実装する方法

完全なコードは次のとおりです。 HTMLコード:コードをコピーコードは次のとおりです。 <!-...

Vueはプライベートフィルターと基本的な使用法を定義します

プライベート フィルターとグローバル フィルターのメソッドと概念は同じですが、プライベート フィルタ...

CSS で透明なグラデーション効果を実装するためのサンプルコード

Zhihu Discovery コラムのタイトル画像は、通常、以下のように表示されます。明らかに、グ...

Nginxホットデプロイメントの実装

目次セマフォNginx ホットデプロイメント上記のブログ投稿に従ってください。ファイアウォールをオフ...

Docker での WSL の構成と変更の問題について

https://docs.microsoft.com/ja-jp/windows/wsl/wsl-...

MySQL でよく使用される SQL 文を表示する (詳細な説明)

#mysql -uroot -pパスワードを入力してくださいmysql> show full...

MySQL マスタースレーブレプリケーション構成プロセス

メインライブラリの構成1. MySQLを設定する vim /etc/my.cn # ファイルに次の内...

MySQL データ挿入最適化メソッドconcurrent_insert

スレッドがテーブルに対して DELAYED ステートメントを実行するときに、そのようなハンドラーが存...

MySQLのMERGEストレージエンジンの詳細な説明

MERGE ストレージ エンジンは、MyISAM テーブルのグループを論理ユニットとして扱い、同時に...

MySQL における一般的なランキングの問題をいくつかまとめます

序文:一部のアプリケーション シナリオでは、成績や年齢によるランキングなど、ランキングの問題が発生す...

JavaScript Sandboxについての簡単な説明

序文:サンドボックスといえば、私たちの頭には反射的に上の写真が思い浮かび、すぐに興味がわいてくるかも...

Linux は、ディレクトリが存在するかどうかを判断するために if を使用します。

Linux で if を使用してディレクトリが存在するかどうかを判断する方法方法は次のとおりです。...

sqlite を mysql スクリプトに移行する方法

さっそく、コードを直接投稿します。具体的なコードは次のとおりです。 パーレル # # https:/...

指定された期間内のすべての日付または月を取得する MySQL ステートメント (ストアド プロシージャの設定やテーブルの追加は不要)

mysql は期間内のすべての日付または月を取得します1: mysqlは期間内のすべての月を取得し...

Dockerを使用してElasticsearchクラスターを素早くデプロイする方法

この記事では、 Dockerコンテナ ( docker-composeを使用してオーケストレーション...