主页 / coding / 问题 / 79334176
Accepted
Val
Asked: 2025-01-07 03:49:42 +0800 CST

停止 OnKeyDown 事件传播

  • 772

我有一个与十进制值绑定的 MudTextField 组件，我想在用户开始输入数字时删除默认的 0 值。我使用过该OnKeyDown事件，但我发现即使在我处理它之后它也会传播，并且用户输入的数字会被插入两次。args.StopPropagation似乎在 Blazor 或 MudBlazor 中不存在。

<MudTextField @bind-Value="_tripModel!.TripLength" Label="Length" Variant="Variant.Text" OnKeyDown="k => OnMileageKeyDown(k)"></MudTextField>


    
private void OnMileageKeyDown(object args)
{
    if (_tripModel!.TripLength == 0 && args is KeyboardEventArgs)
    {
        string keyChar = ((KeyboardEventArgs)args).Key;
        bool success = int.TryParse(keyChar, out int keyInt);
        if (success)
        {
            _tripModel!.TripLength = keyInt;
            // ((KeyboardEventArgs)args).StopPropagation = true; // Not working
            StateHasChanged();
        }
    }
}

我怎样才能停止事件传播？

c#

1 个回答

  1. Best Answer

    如果您使用 focus/focusout 事件的话，会更容易。

    <MudTextField @bind-Value="TripLength" Label="Length" Variant="Variant.Text" @onfocus="e => Clear0(e)" @onfocusout="e => Restore0(e)"></MudTextField>
@code{

    private decimal? TripLength = 0;
    private void Clear0(FocusEventArgs e)
    {
        if (TripLength == 0)
        {
            TripLength = null; 
        }
    }
    private void Restore0(FocusEventArgs e)
    {
        if (TripLength == null) 
        {
            TripLength = 0;
        }
    }
}
    • 1

相关问题