在我的Blazor
server-side
项目中,我需要通过在菜单外部单击来关闭弹出菜单。
我使用一个简单的If
语句通过触发onClick
事件来显示/隐藏弹出窗口。但是没有这样的事件可以通过在弹出菜单之外单击来关闭弹出窗口。因此,用户仅应通过单击带有onClick
事件的元素来将其关闭。
所以我的问题是,如何在不使用JS
的情况下更好地解决此问题?
先感谢您。
最佳答案
这是我使用div触发onfocusout事件的方法,其中if语句使用ShowSelectBox变量显示或隐藏某些内容:
<div tabindex="0" @onfocusout="@(() => ShowSelectBox = false)">
...
</div>
我在出色的webassambly应用程序中使用了此功能,但对于服务器端应该相同。
关于c# - 在div或元素外部单击以在Blazor上将其关闭的事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61369498/