Blazor - バインドの反映タイミングについて (oninput, onchange)

Blazor のバインドの反映タイミングについての記事です。

入力値をバインディングする際に、 @bind:event を設定することにより反映タイミングを変更することができます。

@bind:event="oninput"

入力中の文字を即時反映させる。

@bind:event="onchange"

ロストフォーカス時に入力を反映する。

<div style="margin-bottom: 24px">
    <p>入力中に即時反映する (event="onchange")</p>
    <input @bind="EntryName" @bind:event="oninput" />
</div>

<div style="margin-bottom: 24px">
    <p>ロストフォーカス時に反映する (event="onchange")</p>
    <input @bind="EntryName" @bind:event="onchange" />
</div>


<b>反映パラメータの名前</b>
<p >
    @EntryName
</p>


@code {
    public string EntryName { get; set; }
}