如何替代"focus"？

Question

我正在编写一个响应式菜单，但是我使用了"focus"-所以当我点击它不会去我发送链接的地方，只有当我标签到它。我怎么解它?

button:focus ~ .nav-item{
height: 330px;
}
@media only screen and (max-width:1117px) {
.nav-item{
display: flex;
flex-direction: column-reverse;
align-items: flex-end;
height: 0;
}
}

Answer 1

您可以在这里找到所有事件的列表:https://developer.mozilla.org/en-US/docs/Web/API/Element/focus_event

选择一个(或多个)适合您的用例。特别是当你在开发桌面和移动设备时，你可能需要鼠标和触摸事件。