リンク使用時にハイパーリンクがジャンプしないようにする方法
|
<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...