如何阻止通过Inspect Element修改值触发Bool变量变更

一、避免调试器/Inspect Element修改触发IsModified的方案 #

通过Inspect Element修改DOM值会触发浏览器的input/change事件，Blazor会自动同步绑定字段并标记为Modified。要过滤这种非用户主动操作的变更，可以从拦截字段变更的触发来源入手：

1. 自定义输入组件，仅响应用户交互触发的变更 #

重写Blazor内置的输入组件（比如InputText、InputSelect），只在用户主动输入、选择等操作时才通知EditContext字段变更。调试器修改DOM值不会触发这些用户交互绑定的事件，因此不会标记字段为Modified。

示例自定义InputText：

@inherits InputText

<input @attributes="AdditionalAttributes" 
       class="@CssClass" 
       value="@CurrentValue" 
       @oninput="HandleUserInput" />

@code {
    private void HandleUserInput(ChangeEventArgs e)
    {
        // 仅在用户输入时更新值并通知字段变更
        CurrentValueAsString = e.Value.ToString();
        EditContext.NotifyFieldChanged(FieldIdentifier);
    }
}

2. 基于用户交互标记过滤变更 #

在页面中维护一个标记，仅当用户有明确交互（如点击、按键）时，才将FieldChanged事件计入修改记录：

private bool _isUserInteracting;
private bool _hasUnsavedChanges;

protected override void OnInitialized()
{
    EditContext.OnFieldChanged += (sender, args) =>
    {
        if (_isUserInteracting)
        {
            _hasUnsavedChanges = EditContext.IsModified();
            _isUserInteracting = false;
        }
    };
}

// 在所有输入组件上绑定用户交互事件触发标记
private void MarkUserInteraction() => _isUserInteracting = true;

然后在输入组件上添加@onfocus="MarkUserInteraction"、@onkeydown="MarkUserInteraction"等，确保只有用户操作时才会更新未保存状态。

二、EditForm跟踪未保存更改的更优方案 #

1. 模型快照对比法 #

保存初始模型的深拷贝作为快照，每次检查未保存更改时直接对比当前模型与快照的字段值。这种方法不依赖EditContext的状态，更可靠，能避免内部渲染或调试操作导致的误判。

示例实现：

private YourModel _currentModel;
private YourModel _originalModel;

protected override void OnInitialized()
{
    _currentModel = LoadModel();
    // 通过JSON序列化实现深拷贝（复杂模型可改用AutoMapper等库）
    _originalModel = JsonSerializer.Deserialize<YourModel>(JsonSerializer.Serialize(_currentModel));
}

private bool HasUnsavedChanges()
{
    // 对比序列化后的字符串判断是否有变更
    return !JsonSerializer.Serialize(_currentModel).Equals(JsonSerializer.Serialize(_originalModel));
}

// 提交后更新快照
private void HandleValidSubmit()
{
    SaveModel(_currentModel);
    _originalModel = JsonSerializer.Deserialize<YourModel>(JsonSerializer.Serialize(_currentModel));
}

2. 跟踪修改字段集合 #

通过EditContext的OnFieldChanged事件维护一个已修改字段的集合，精确控制哪些变更被计入未保存状态，同时可在提交后清空集合重置状态：

private HashSet<FieldIdentifier> _modifiedFields = new HashSet<FieldIdentifier>();
private EditContext _editContext;

protected override void OnInitialized()
{
    _currentModel = LoadModel();
    _editContext = new EditContext(_currentModel);
    _editContext.OnFieldChanged += (sender, args) =>
    {
        // 可结合前面的用户交互标记过滤非用户操作
        _modifiedFields.Add(args.FieldIdentifier);
    };
}

private bool HasUnsavedChanges() => _modifiedFields.Any();

private void HandleValidSubmit()
{
    SaveModel(_currentModel);
    _modifiedFields.Clear();
}

3. 结合EditContext的TrackedFields #

直接遍历EditContext的TrackedFields集合，检查是否存在已修改的字段，适合需要精细控制单个字段状态的场景：

private bool HasUnsavedChanges()
{
    return _editContext.TrackedFields.Any(f => f.IsModified);
}

内容的提问来源于stack exchange，提问作者errol36_8