Closed ichi-h closed 1 month ago
機能追加理由・詳細
anchorをページ遷移としてではなくbuttonとして利用したいときに、ページ遷移を無効化するhackとして href="#!" というものがある
href="#!"
#
#!
id="!"
!
しかし、そもそもhrefを指定しなければページ遷移は発生しないため、hrefを任意項目としてこうしたhackを撲滅したい
解決策の提案(任意)
その他考慮事項(任意)
hrefを任意項目とした場合、デフォルトでcursor: pointerが当たらなくなるため、cssで追加する必要がある(すでにanchorのスタイルにcursor: pointerがついていれば問題ない)
機能追加理由・詳細
anchorをページ遷移としてではなくbuttonとして利用したいときに、ページ遷移を無効化するhackとして
href="#!"
というものがある#
のみでもページ遷移は抑制できるが、スクロールバーがトップに飛ぶ#!
だとid="!"
の要素に飛ぼうとするが、!
のidが存在しないためスクロールが発生しないしかし、そもそもhrefを指定しなければページ遷移は発生しないため、hrefを任意項目としてこうしたhackを撲滅したい
解決策の提案(任意)
その他考慮事項(任意)
hrefを任意項目とした場合、デフォルトでcursor: pointerが当たらなくなるため、cssで追加する必要がある(すでにanchorのスタイルにcursor: pointerがついていれば問題ない)