英文:
How to prevent default in Blazor?
问题
我在MudBlazor中有一个简单的按钮：
```csharp
<MudIconButton Class="answer-button" Icon="@_icon" OnClick="OnClick" Color="@_color"
@oncontextmenu="OnContextMenu"
@oncontextmenu:preventDefault="true"/>
我只是尝试阻止按钮的右键单击操作，并应用自己的逻辑。
我正在使用这篇文章，但我遇到了以下构建错误：
EventCalendarAnswer.razor(5,36): error RZ10010: 组件参数 'oncontextmenu' 在此组件中使用了两次或更多次。参数必须是唯一的（不区分大小写）。组件参数 'oncontextmenu' 是由 '@oncontextmenu:preventDefault' 指令属性生成的。
如何在Blazor中防止默认行为？
<details>
<summary>英文:</summary>
I have this simple button in MudBlazor:
```csharp
<MudIconButton Class="answer-button" Icon="@_icon" OnClick="OnClick" Color="@_color"
@oncontextmenu="OnContextMenu"
@oncontextmenu:preventDefault="true"/>
I'm just trying to prevent right click action on button and apply my own logic to it.
I was using this article, but I get this build error
EventCalendarAnswer.razor(5,36): error RZ10010: The component parameter 'oncontextmenu' is used two or more times for this component. Paramete
rs must be unique (case-insensitive). The component parameter 'oncontextmenu' is generated by the '@oncontextmenu:preventDefault' directive attribute
How can I prevent default behaviour in Blazor?
答案1
得分: 4
你可以将 MudIconButton 包裹在一个 div 内，并将 @oncontextmenu 属性应用于父元素。
<div @oncontextmenu="OnContextMenu" @oncontextmenu:preventDefault="true">
<MudIconButton Class="answer-button" Icon="@_icon" OnClick="OnClick" Color="@_color" />
</div>
英文:
You can wrap the MudIconButton inside a div and apply the @oncontextmenu attribute to the parent element.
<div @oncontextmenu="OnContextMenu" @oncontextmenu:preventDefault="true">
<MudIconButton Class="answer-button" Icon="@_icon" OnClick="OnClick" Color="@_color" />
</div>
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库，让每个人都能够通过互相帮助和分享经验来进步。
评论