如何在Blazor组件中检测是否已设置@onclick事件？

在Blazor组件中，可以通过声明对应事件的EventCallback参数并检查其HasDelegate属性，来判断父组件是否注册了@onclick事件。具体实现步骤如下：

1. 在InfoComponent中声明事件参数 #

在组件的@code块中添加对应@onclick的EventCallback参数，Blazor会自动将父组件绑定的@onclick事件关联到这个参数上：

@code {
    // 对应父组件的@onclick事件
    [Parameter]
    public EventCallback<MouseEventArgs> OnClick { get; set; }

    // 你已有的禁止复制参数
    [Parameter]
    public bool DisableCopy { get; set; }

    // 组合判断是否禁用复制逻辑
    private bool ShouldDisableCopy => DisableCopy || OnClick.HasDelegate;

    // 图标点击的处理逻辑
    private async Task HandleIconClick(MouseEventArgs e)
    {
        if (ShouldDisableCopy)
        {
            // 如果父组件注册了点击事件，优先触发它
            if (OnClick.HasDelegate)
            {
                await OnClick.InvokeAsync(e);
            }
            return;
        }

        // 执行复制到剪贴板的逻辑
        await Clipboard.SetTextAsync(TooltipText);
        // 这里可以添加提示框显示等逻辑
    }
}

2. 修改组件的点击绑定 #

将图标元素的点击事件绑定到组件内部的HandleIconClick方法，而不是直接绑定复制逻辑：

<!-- 图标元素 -->
<span class="info-icon" @onclick="HandleIconClick">
    <!-- 你的图标内容，比如Font Awesome图标 -->
    <i class="fa fa-info-circle"></i>
</span>

<!-- 仅当不禁用复制时显示提示框 -->
@if (!ShouldDisableCopy)
{
    <div class="tooltip-content">@TooltipText</div>
}

3. 父组件使用示例 #

• 当不需要自定义点击事件时，直接使用组件，自动启用复制逻辑：

  <InfoComponent TooltipText="需要复制的文本" />
  

• 当需要自定义点击事件时，绑定@onclick，组件会自动禁用复制逻辑：

  <InfoComponent TooltipText="仅作为按钮使用" @onclick="HandleCustomClick" />
  

关键说明 #

• EventCallback.HasDelegate属性会返回true，当且仅当父组件为该事件绑定了有效的委托（即设置了@onclick）。
• 这种方式不需要额外的反射或复杂逻辑，完全利用Blazor的组件参数机制实现，性能和可靠性都有保障。
• 如果父组件绑定的是无参数的点击方法（比如@onclick="() => MyMethod()"），EventCallback<MouseEventArgs>依然可以兼容，Blazor会自动处理参数传递。

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