Не удается получить входное значение, установленное Javascript, а затем прочитать нажатием кнопки Blazor

Внутри приложения .NET 5 blazor я использую библиотеку javascript для чтения штрих-кода. Когда я нажимаю кнопку на странице blazor, я вызываю функцию javascript. Функция Javascript считывает штрих-код и устанавливает значение поля ввода.

Существует поле ввода, привязанное к строковому значению:

<input id = "result" @bind = "@Received"/>

@code { private string Received { get; set; } }

Нажатие кнопки вызывает функцию javascript:

public async Task Start()
{
    await JSRuntime.InvokeVoidAsync("startBarcodeReader");
}

Функция Javascript устанавливает значение поля ввода:

document.getElementById('result').value = "Barcode Value";

Все работает, как я и ожидал, и я вижу значение штрих-кода на своем экране. Я хотел бы использовать Received, когда я нажимаю другую кнопку. Однако связанное значение равно null. Это не установлено.

public async Task Add()
{
    // Received is null
    await Task.CompletedTask;
}

Если я вручную ввожу что-то в поле ввода, то устанавливается значение переменной Received. Кажется, что привязка не устанавливается связанной переменной, если фокус не потерян.

Как я могу получить значение, которое я вижу в поле ввода? Я пытался использовать событие oninout поля inout и не работал.