[解決済み] HTMLアンカーリンク - hrefとonclickの両方が必要?
2022-12-29 15:10:47
質問
JavaScriptを実行するアンカータグを作成したいのですが、そのアンカータグは
href
が連れて行ってくれるところに進みます。JavaScriptを実行する関数を呼び出して、その関数に
window.location
または
top.location
から
href
の位置ではうまくいきません。
つまり、私がページにid "Foo"を持つ要素を持っているとします。私は、以下のようなアンカーを作成したいと思います。
<a href="#Foo" onclick="runMyFunction(); return false;">Do it!</a>
これがクリックされたら、runMyFunctionを実行し、ページを
#Foo
(にジャンプさせたい(リロードを引き起こさない - 使用する
top.location
を使うとページが再読み込みされます)。
提案ですか?私はここで助けることができるならば、jQueryを使用することに満足しています...。
どのように解決するのですか?
ちょうど
return true
でいいのか?
からの戻り値は
onClick
のコードは、リンクの固有のクリックされたアクションが処理されるかどうかを決定するものです。
false
を返した場合は処理されないことを意味しますが、もし
true
を返した場合、ブラウザは関数が返った後に処理を進め、適切なアンカーに移動します。
関連
-
[解決済み] リンクのように動作するHTMLボタンを作成する方法
-
[解決済み] PHPでHTML/XMLをパースして処理する方法とは?
-
[解決済み] HTML要素の実際の幅と高さを取得するにはどうすればよいですか?
-
[解決済み] アンカーリンクをクリックしたときのスクロールを滑らかにする
-
[解決済み] JavaScript - ハイパーリンクのコールバック関数における href と onclick の比較
-
[解決済み] HTMLでリンクを新しいタブで開くには?
-
[解決済み] Chromeの拡張機能開発にWebStormを使用するにはどうすればよいですか?
-
[解決済み] イテレータでmap()を使用する
-
[解決済み] HTML要素にスクロールバーがあるかどうかをチェックする
-
[解決済み] onclickが実行された場合、HREFを無効にするにはどうすればよいですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] なぜJavaScriptでは!{}[true]がtrueに評価されるのですか?
-
[解決済み] Chart.jsを使ってドーナツチャートの中にテキストを追加するには?
-
[解決済み] JavaScriptで:hoverのCSSプロパティを変更する
-
[解決済み] CORS OriginヘッダーとCSRFトークンによるCSRF保護
-
[解決済み] 文字列がhtmlであるかどうかをチェックする
-
[解決済み] JavaScriptで長い配列を小さい配列に分割する方法
-
[解決済み] <ng-content>が空かどうかを確認する方法は?(これまでのAngular 2+で)
-
[解決済み] HTML要素にスクロールバーがあるかどうかをチェックする
-
[解決済み] querySelectorAllがない場合、ライブラリを使用せずに属性で要素を取得する?
-
[解決済み] Fetch: ステータスがOKでない場合、プロミスを拒否し、エラーをキャッチするか?