「:target 疑似クラス」のリンクから戻る際、URLに#を付与せず画面遷移したい
最終的にやりたいこと
・リンク先内容で、「:target 疑似クラス」のリンクから戻る際、URLに#を付与せず(かつページ再読込せず)画面遷移したい
・先日jsで処理する方法を質問したのですが、クリックした際、CSSの「:target 疑似クラス」処理と「js」処理の両方を行う方法はあるでしょうか?
試したこと
・下記では「return false」しているため、「:target 疑似クラス」内容が反映されません
function move0(){
history.pushState(null,null,"./test.html");
return false;
}
<a href="javascript:void(0);" onclick="move0()"> 1 </a>
・下記ではjsの後#で呼び出しているので「:target 疑似クラス」内容は反映されるけれども、URLに#は付与されたままになります
function move0(){
history.pushState(null,null,"./test.html");
}
<a href="#" onclick="move0()"> 1 </a>