访问输入值时失去焦点

时间:2019-11-05 13:57:45

标签: asp.net-core blazor

我想访问类型为text的输入的值,同时我仍将其重点放在对值进行更改上。对于创建字符串.ToUpper()并在每次输入字符时查看更改的示例。

这是我现在拥有的:

<input value=@Result @onchange=@ToUpper />

@code {
    [Parameter] public string Value { get; set; }
    [Parameter] public EventCallback<string> ValueChanged { get; set; }

    private string Result;

    void ToUpper(ChangeEventArgs evt) {
        Result = evt.Value.ToString().ToUpper();
        Value = Result;
        ValueChanged.InvokeAsync(Value);
    }
}

在此代码中,字符串Result仅在离开输入后才更改ToUpper

我不想做的是对输入使用某种样式,例如:style="text-transform: uppercase"

1 个答案:

答案 0 :(得分:0)

此代码应该有效...

<input type="text" @bind-value:event="oninput" @bind-value="ToUpper" />


@code {

    private string str;


    public string ToUpper
    {
        get
        {
            return str;
        }
        set 
        {
            if (str != value)
                str = value.ToUpper();

        }
    }

}

希望这对您有帮助...