aタグの効果はそのままでurl(勝手に上にスクロール)の効果は消したいです。

Question

<a href="#"

aタグの効果はそのまま（リンク先urlはいれず）でurlの効果は消したいです。
つまり、linkを押した時に反応はするようにしたいのですが、一番上に勝手にスクロールされるのをやめたい場合はどうすればいいでしょうか？

<a href="#" class="disabled">LINK</a>

a.disabled{
pointer-events: none;
}
この場合、aタグの効果自体消えます。
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

<a tabindex="-1">LINK</a>
この場合は、aタグの効果はそのままですが、cssで指定したhoverの効果が消えてしまいます。

Comments

[m.ts10806]

期待する「aタグの効果」とは？「反応」
とは？
リンクならhrefにリンク先URL入れるだけです。

[rara0210]

説明不足ですみません！リンクは入れずにリンク先が貼ってあるかのような効果（マウスオーバーした時にカーソルが変わる等）をしたいです！
なので、<a href="#"</a>にしたところ一番上に勝手にスクロールされるのでその効果だけを無くしたいです。

[m.ts10806]

>色々調べてみたのですが、全て試したところ

全ての人が同じように調べて同じように試すわけではないので、あなたが調べて試したことを書いてください。質問は編集できます。
でないと「それは試した」など後だしされると無駄足になります。

[rara0210]

編集しました。

Answer 1

linkを押した時に反応はするようにしたいのですが、一番上に勝手にスクロールされるのをやめたい場合

超絶エスパーで回答してみる。

<a href="#hoge" name="hoge">こういうこと？？？？？</a>

Comments

[rara0210]

！！！！！ずばりそうです。ありがとうございます。

[Y.H.]

> 一番上に勝手にスクロールされるのを
ちなみに勝手にスクロールしているわけではありません。
自分自身のURLをリクエストしてレスポンスを表示しているだけです。

#hoge を指定したURLへ遷移すると、ブラウザはレスポンス表示時にアンカータグのname属性またはid属性の値にhogeがある箇所を表示するという動きをします。

Answer 2

href属性は必須ではないので、使わないなら書かなくて良いです。あとはcssでよしなに。

Comments

[m.ts10806]

hoverのためだけならaタグである必要ないんではと思ったり。やはり要件具体的でないと的確なアドバイスにはならない

[rara0210]

Y.Hさん曰く<a href="#hoge" name="hoge">あああ</a>でできました。
基礎中の基礎すぎて混乱させてしまい申し訳ございませんでした。

[m.ts10806]

＞基礎中の基礎すぎて
どこのなんの話をしているかわからないですが、基礎だと思うのでしたら基礎を確認すれば良いのでは。
基礎かどうかというより要件不明瞭であることが問題です（やりたいことは質問者しか知らない）
エスパーを強いることになるので、赤の他人が読んでも何がやりたいのか具体的に伝わる表現を心がけてください。
情報は多ければ多いほど良いです。
うまく盛り込めない人のために「質問テンプレート」があります。
https://teratail.com/help/question-tips#questionTips3-8