当我点击下拉按钮并再次点击关闭焦点时仍然存在。即使我把鼠标移开。如何为这种情况转移焦点?
一个可能的解决方案是在element.blur()
的帮助下消除对第二次点击的关注-这里是相关文档。你可以在第一次点击按钮时添加类,如果按钮有类(它将在第二次点击)-只需使用模糊。
但请记住,有些用户希望通过键盘与您的网站进行交互,删除焦点会让他们感到讨厌。在打开下拉菜单之前,是否需要在按钮上显示焦点?另一个可能的解决方案是从元素中完全删除:focus
样式(outline: none
),但不建议这样做。