是否可以在 Blazor 上单击元素外部以将其关闭？

Question

这是一个有点重复的事件，用于单击 div 或元素外部以在 Blazor 上关闭它，但没有正确的答案。

（我在谷歌中没有找到任何关于我的主题的信息）

在 JS 中我只使用“window.onclick”和“!event.target.matches('class')”，Blazor 可以提供什么？是否可以像 JS 那样简短而简洁地实现它？还是说没有用呢？

以防万一 - 我想用 C# 来做，但如果解决方案结果“不那么乐观”，那么我会选择 JS。

感谢各位的解答！

Answer 1

我在我的模态存储库中使用它：

    <div class="modal-outer" @onclick="OnBackgroundClicked">
        <div class="modal-inner" @onclick:stopPropagation="true">
            @ModalService.ModalFragment
        </div>
    </div>