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

リンク使用時にハイパーリンクがジャンプしないようにする方法
<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()" は視覚障害のあるウェブマスターに嫌われている

推薦する

ウェブサイトデザインの基礎知識:初心者の方はぜひお読みください

今では多くの人がウェブサイト作成に参加していますが、ウェブサイトはどのように作成すればよいのでしょう...

Nginx でファイル ホットリンク保護サービスを構築する方法を学ぶ例

序文多くのサイトが、ポイントやゴールドコインなど、情報のダウンロードに料金を請求していることは誰もが...

Linux で特定のユーザーにフォルダーのすべてのコンテンツを許可するにはどうすればよいですか?

【問題分析】 chown コマンドを使用できます。ここで ch は change (変更) を表し...

CSSを使用して円形の波効果を実現する

モバイル デバイスでは、金額を表示するために円形の波グラフィックがよく使用されます。最初は、この効果...

MySQL の接続数が多すぎるエラーの原因と解決策

目次概要本日正午、開発およびテスト環境の MySQL サービスで接続数が多すぎるというエラーが報告さ...

Vue プロジェクトで垂直テーブルを 2 つの方法で実装するアイデアの分析

問題の説明私たちのプロジェクトでは、水平方向のテーブルが一般的ですが、必要に応じて垂直方向のテーブル...

LinuxのバックグラウンドでPythonプログラムを実行するいくつかの方法

1. 最初の方法は、unhup コマンドを直接使用してプログラムをバックグラウンドで実行することです...

Vue ボタンの権限制御の導入

目次1. 手順1. ボタンの権限を定義する2. ストアを定義する3. 権限指示を作成する4. パーミ...

Vueのライブ放送機能の詳しい説明

最近、会社でたまたま生放送をしていたのですが、今日は私が遭遇した落とし穴を記録します。会社のサーバー...

Vue.jsの機能コンポーネントに関する包括的な理解

目次序文React 関数コンポーネントVue (2.x) の機能コンポーネント🌰 例: el-tab...

Mysqlは日付範囲の抽出方法を指定します

データベースを操作する過程では、いくつかの指標を日付別にまとめたり、一定期間内の合計金額をカウントし...

Vue3 ドラッグ可能な左パネルと右パネルの分割コンポーネントの実装

目次コンポーネントの分解左パネル右パネル入力パラメータの分解小道具スロット具体的な実装ドラッグする方...

jQuery はテーブルのページング効果を実装します

この記事では、テーブルのページング効果を実現するためのjQueryの具体的なコードを参考までに紹介し...

MySQL 8.0.19 では、間違ったパスワードを 3 回入力するとアカウントがロックされるようになりました (例)

MySQL 8.0.19 では、間違ったパスワードを 3 回入力するとアカウントがロックされるよう...

HTTP ステータス コード

このステータス コードは、リクエストのステータスに関する情報を提供し、サイトとリクエストされたページ...