htmlハイパーリンクaのクリックイベントの後、hrefで指定されたアドレスにジャンプします。

htmlハイパーリンクaのクリックイベントの後、hrefで指定されたアドレスにジャンプします。
場合によっては、ジャンプを完了するために href の代わりにハイパーリンク <a> を使用する必要がありますが、代わりに次のメソッドを使用します: <a href="#" onClick="fun()"></a>。こうすることで、ページがジャンプしなくなります。しかし、ページタイトルが「#」になったり、ページにスクロールバーが表示されたりするなど、いくつかのマイナスの問題も発生します。これは、onClick イベントが実行された後、<a> が href で指定されたアドレスにジャンプし、「#」がアンカー ポイントであり、デフォルトで Web ページの先頭に設定されるために、上記の問題が発生するためです。

解決策は2つあります。

1. onClick イベントに return false ステートメントを追加します。例:

<a href="#" onClick="fun(); return false;">クリック</a>

2. # の代わりに void(0) を使用します。例:

<a href="javascript:void(0)" onclick="fun()">クリック</a>

<<:  CSS3 のフィルタプロパティの使用に関する詳細な説明

>>:  MySQLシリーズ15 MySQL共通設定とパフォーマンスストレステスト

推薦する

CentOS 7.4 で MySQL 5.7.28 バイナリモードをインストールする方法

Linuxシステムバージョン: CentOS7.4 MySQL バージョン: 5.7.28 Linu...

HTML およびプラグイン アプリケーションにおけるデータ カスタム属性の使用の概要

HTML にはデータ属性が含まれていることがよくあります。これらは HTML5 のカスタム属性です。...

タブバーの切り替え効果を実現するJavaScript

タブバー: 異なるタブをクリックすると異なるコンテンツが表示され、クリックしたタブのスタイルが変更さ...

Ubuntu 19でdockerソースをインストールできない問題を共有する

主要な Web サイトと個人的な習慣に従って、Docker ソースを追加するには次の方法を使用します...

Centos7のホスト名を変更する3つの方法

方法 1: hostnamectl の変更ステップ1 ホスト名を確認するホスト名ステップ2 ホスト名...

露滴アニメーション効果を実装するための Three.js サンプル コード

序文みなさんこんにちは。CSS ウィザードの alphardex です。この記事では、three.j...

Docker を使用して MySQL および Redis サービスをデプロイする方法

目次Dockerを使用してMySQLサービスをデプロイする方法DockerでRedisサービスをデプ...

2019 年に最も役立ち重要なオープンソース ツール トップ 10

Black Duck の 2017 年のオープンソース調査では、回答者の 77% がオープンソース...

Element UI で自動サイズ調整テキストエリアの高さを設定する方法

Element UIのtextarea input自動サイズに設定すると、テキストボックスのデフォル...

MySQL 5.7 をインストールした後にコマンドライン ウィンドウを開くとクラッシュする問題の解決方法

序文最近、MySQL 5.7 をインストールしましたが、問題が見つかりました。コマンド ライン ウィ...

Ubuntu 20.04 に GitLab をインストールして設定する方法

導入GitLab CE または Community Edition は、主に Git リポジトリのホ...

JavaScript 関数のカリー化

目次1 関数カリー化とは何ですか? 2 カレーの役割と特徴2.1 パラメータの再利用2.2 早期復帰...

変数が空かどうかを判定するシェルの方法の概要

シェルで変数が空かどうかを判断する方法シェルプログラミングでは、パラメータのエラーチェック項目に、変...

WeChatアプレットが計算機機能を実装

この記事では、WeChatアプレットの計算機機能を実装するための具体的なコードを参考までに紹介します...

Linux\Nginx 環境での仮想ドメイン名の設定とテスト検証

Nginx 仮想ドメイン名設定を使用すると、ドメイン名を購入せずに特定のドメイン名を介してローカル ...