c# - 在 Blazor 上按下输入键时更改变量值

Question

我想要做的是当用户按下一个键时更新变量值，但它只更新输入模糊时的值。

以下代码不起作用。

<p>@increment</p>
<input 
    type="text"
    @onchange="@((ChangeEventArgs e) =>
        increment = e.Value.ToString())"
/>

@code {
    string increment;
}

使用 @bind和 @bind-value也不起作用。

我做了一个 blazorfiddle与示例。

当按下 a 键时，谁能改变我的变量的值？

Answer 1

回答:
报价Data Binding文档:

<input @bind="CurrentValue" 
       @bind:event="oninput" />

Unlike onchange, which fires when the element loses focus, oninput fires when the value of the text box changes.

使用@oninput:
不用 @bind 也能实现指示:

<input value="@CurrentValue"
       @oninput="(e)=> CurrentValue = e.Value.ToString()"/>

InputText & oninput对于正在寻找的人 oninput在 InputText组件答案在 InputText based on the input event 上有完整记录文档:

Use the InputText component to create a custom component that uses the input event instead of the change event. Shared/CustomInputText.razor:

@inherits InputText

<input @attributes="AdditionalAttributes" class="@CssClass" 
    @bind="CurrentValueAsString" @bind:event="oninput" />

The CustomInputText component can be used anywhere InputText is used:

<CustomInputText @bind-Value="exampleModel.Name" />