【Blazor】バーコードリーダー対応の入力フォームを作成する

表題の通り、バーコードリーダーで読み取った文字列を入力するテキストボックスをBlazorで作成していきます。 概要 バーコードリーダーは基本的にキーボードエミュレーションを行うため、テキストボックスにフォーカスが当たっている状態で読み取ると、そのまま文字列が入力されます。 なので大体は普通のテキストボックスで問題ないのですが、性質上以下のような要件が発生しがちです。 多くのバーコードリーダーは読み取り完了時に改行コードを送信するため、改行コードを受け取ったら入力完了とみなして何かしらの処理を行いたい タブ文字を読み取ることがあるため、フォーカス自動遷移を阻止してそのまま入力したい その他、特殊なキーを読み取ることがあるため、必要に応じて入力内容を加工したい というわけで、これらを満たすためのコンポーネントを作成していきます。 Blazorだけで実装する まずはBlazorだけで実装する方法