当您已经将鼠标从下拉按钮移开时,如何移除焦点?



当我点击下拉按钮并再次点击关闭焦点时仍然存在。即使我把鼠标移开。如何为这种情况转移焦点?

一个可能的解决方案是在element.blur()的帮助下消除对第二次点击的关注-这里是相关文档。你可以在第一次点击按钮时添加类,如果按钮有类(它将在第二次点击)-只需使用模糊。

但请记住,有些用户希望通过键盘与您的网站进行交互,删除焦点会让他们感到讨厌。在打开下拉菜单之前,是否需要在按钮上显示焦点?另一个可能的解决方案是从元素中完全删除:focus样式(outline: none),但不建议这样做。

最新更新