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

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

推薦する

効率を向上できる Linux コマンドエイリアス 10 個のまとめ

序文Linux 環境で作業するエンジニアは、これらの面倒な命令とパラメータのコマンドラインにきっと驚...

Antdesign-vueとsortablejsを組み合わせて、2つのテーブルをドラッグして並べ替える機能を実現

目次成果を達成するsortablejs の紹介具体的な実装成果を達成する最初は、antdesign ...

HTMLを使用してシンプルなメールテンプレートを作成する

今日は、「ローテク」の問題について書きたいと思います。ちなみに、私は JavaScript Week...

特殊効果メッセージボックスを実現するネイティブJS

この記事では、ネイティブ JS で実装された特殊効果メッセージ ボックスを紹介します。効果は次のとお...

閲覧時に作成されたWebページの下部にある余分な空白スペースを削除する方法

Dreamweaver または FrontPage を使用して HTML Web ページを作成する場...

VUEユニアプリ開発環境についての簡単な説明

目次1. HBuilderXビジュアルインターフェースを通じて2. vue-cliコマンドで実行する...

Vue.set() と this.$set() の使い方と違い

開発に Vue を使用する場合、次のような状況に遭遇することがあります。Vue インスタンスを生成し...

Navicat for MySQL チュートリアル

まず、Navicat for MySQL をダウンロードしてインストールする必要があります。正規版の...

検索ボックスと検索ボタンの境界線が重なり合わない問題を解決

今日、Baiduのページで練習していたところ、検索ボックスとボタンの余白とパディングの値が0に設定さ...

Nginx 7層負荷分散のいくつかのスケジューリングアルゴリズムの簡単な理解

この記事は主に、Nginx 7 層負荷分散のいくつかのスケジューリング アルゴリズムを紹介します。こ...

nginxのリソースキャッシュ設定の詳細な説明

私はずっとキャッシュについて学びたいと思っていました。結局のところ、キャッシュはフロントエンドのパフ...

MySQLのルートパスワードをリセットする最も簡単な方法

私の MySQL バージョンは MYSQL V5.7.9 です。古いバージョンを使用してください: ...

React 非親子コンポーネントパラメータ渡しのサンプルコード

React は、ユーザー インターフェイスを構築するための JavaScript ライブラリです。 ...

Presto をインストールし、Docker で Hive を接続する詳細なプロセス

1. はじめにPresto は、ギガバイトからペタバイトに及ぶデータ ソースに対してインタラクティブ...

Vue+Element UIはドロップダウンメニューのカプセル化を実現します

この記事の例では、ドロップダウンメニューのカプセル化を実装するためのVue + Element UI...