---
lang: ja-jp
breaks: true
---
# Blazor アプリ起動直後にコンテンツの先頭にフォーカスが移動する 2024-01-28


> ナビゲーション時に要素にフォーカスを合わせる
> https://learn.microsoft.com/ja-jp/aspnet/core/blazor/fundamentals/routing?view=aspnetcore-8.0#focus-an-element-on-navigation
> FocusOnNavigate コンポーネントでは、あるページから別のページに移動した後、CSS セレクターに基づいて要素に UI フォーカスを設定します。

## `Routes.razor`

* `FocusOnNavigate` タグをコメントアウトするとフォーカス移動しなくなる。

<Router AppAssembly="@typeof(Program).Assembly">
    <Found Context="routeData">
        <RouteView RouteData="@routeData" DefaultLayout="@typeof(Layout.MainLayout)" />
        @*
        <FocusOnNavigate RouteData="@routeData" Selector="h1" />
        *@
    </Found>
</Router>

###### tags: `Blazor` `フォーカス移動`