でブラウザをスクロールさせない

aタグを使ったボタンでは <a href=”#”> などと記述して別ページへ遷移させないようにすることがありますが、ブラウザがページの最上部にスクロールするという弊害があります。

それをさけるため、昔よくあったのは <a href=”javascript:void(0)”> といった書き方なのですが、これは現在推奨されていません。理由としてはスクリーンリーダーやSEOとの相性が割るからとのことでした。

現在は次のような記述が推奨されているようです。

<a href="#" onclick="return false;">何もしない</a>

処理を呼び出す場合は次のようになります。ここでは save() という関数を呼び出してスクロールさせないようにしています。

<a href="#" onclick="save();return false;">保存</a>