在 blazor 中悬停时向元素添加类

Question

请注意，我不能只使用 CSS，:hover因为我还需要根据keydown不同的元素修改这些元素的类属性，即使鼠标仍然悬停，它也可能会丢失类，直到mousemove再次发生这种情况。

所以有一个这样的列表：

<ul>
<li> item1 </li>
...
</ul>

我需要添加一个类来li标记，仅当mousemove触发它时

blazor 可以做到这一点吗？或者仅使用 jsinterop

Answer 1

使用@onmouseover和@onmouseout事件

<li class="@MyClass" @onmouseover="MouseOver" @onmouseout="MouseOut">

@code {
  string MyClass { get; set; }
  void MouseOver(MouseEventArgs e) { MyClass="over"; }
  void MouseOut(MouseEventArgs e) { MyClass=""; }
}

您可以MyClass按照自己的意愿将房产与其他活动结合起来