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共通設定とパフォーマンスストレステスト

推薦する

MySQLでテーブルインデックスを構築する方法

目次複数の種類のフィルタリングをサポート複数の範囲のクエリを避ける並べ替えを最適化するインデックスの...

Vueはmockjsを使用してシミュレートされたデータケースの詳細を生成します

目次プロジェクトにmockjsをインストールするVueプロジェクトでmockjsを使用する基本的なプ...

Vueはアコーディオン効果を実装する

この記事の例では、アコーディオン効果を実現するためのVueの具体的なコードを参考までに共有しています...

MySQL データベースの操作とデータ型

目次1. データベース操作1.1 データベースの表示1.2 データベースを作成する1.3 データベー...

JavaScript オブジェクトからプリミティブ値への変換の詳細な説明

目次オブジェクトプロトタイプの値()オブジェクトプロトタイプtoString()シンボル.toPri...

CSS3 はドラッグ可能なルービックキューブの 3D 効果を実現します

主に使用される知識ポイント: •css3 3D変換 •ネイティブjsマウスドラッグイベント•表示:グ...

CocosCreator ソースコードの解釈: エンジンの起動とメインループ

目次序文準備行く!文章プロセスを開始するメインループまとめ要約する序文準備皆さんは、こんなことを考え...

React.js フレームワーク Redux 基本ケースの詳細な説明

react.js フレームワーク Redux https://github.com/reactjs/...

Windows システムに VirtualBox と Ubuntu 16.04 をインストールするための詳細なチュートリアル

1. ソフトウェアの紹介バーチャルボックスVirtualBox は、無料のオープンソース仮想マシン ...

dockerネットワーク双方向接続の詳細な説明

Dockerネットワークを見るdocker ネットワーク ls [root@master ~]# d...

Docker-compose を使用して GitLab をデプロイする方法

Docker-compose は GitLab をデプロイします1. Dockerをインストールする...

MySQL の 10 進数データ型の小数点埋め込み問題の詳細な説明

序文開発プロセスでは、10 進データ型がよく使用されます。 MySQL では、小数点は正確なデータ型...

スクロールバーの美化効果を実現するための CSS3 のサンプル コード

具体的なコードは次のとおりです。 /*スクロールバーの幅*/ ::-webkit-スクロールバー{ ...

MySQLの左結合を内部結合に素早く変換するプロセス

日々の最適化プロセス中に、奇妙なことに気付きました。同じ SQL にまったく異なる 2 つの実行プラ...

MySQLデータベースエンジンをInnoDBに変更する

PS: ここではPHPStudy2016を使用しています1. 変更中にMySQLを停止する2. my...