スポンサーリンク

Blazor Server で入力イベント処理を行う場合は @oninput を使う

.NET CoreBlazor Server 5.0C#Visual Studio 2019

入力欄の値が変更されたらタイミングのイベント処理を、@onchange で実装しようとしたのですが、@onchange イベントだとロストフォーカスされるまでイベントが発生せず、使い勝手がイマイチですが、@oninput イベントを使うと良い感じです。
ソースコードはGitHubで公開しています。

ソースコード構成

・入力イベント検証用の画面を追加。

ソースコード変更内容を解説

Pages/OnEvent.razor

・入力イベントの検証画面。
・テキスト入力欄と日付入力に、@onchangeイベント、@oninputイベントを加え、それぞれの動きを比較できるようにしています。

Shared/NavMenu.razor

・検証画面へのリンクを追加しています。

Visual Studio プロジェクト

今回使った Visual Studio プロジェクト テンプレートは、Blazor Server 5.0 の認証無し、HTTPS無しです。

コメント

タイトルとURLをコピーしました