按钮 :focus 伪类效果为何点击后不消失？

问题中展示了一个按钮，当点击后弹出一个框体，关闭框体后按钮的状态发生了改变，原本 :focus 伪类的样式失去了效果。用户对此表示疑惑，认为这是一种错误现象。

如同输入框中存在的光标一样，按钮 element 进入 focus 状态后便会与键盘交互。按空格可以触发点击事件，按 tab 键可以切换焦点。

jQuery点击事件遮罩弹出层可移动特效代码

"jQuery点击事件遮罩弹出层可移动特效代码下载。一款jquery弹出层插件制作注册表单点击按钮弹出层表单提交效果，可支持拖到的jQuery弹出层效果。标题、高度、宽度等可以自定义弹出层js插件。

下载

该行为并非错误，而是基于以下考虑：

• 用户通过键盘操作时，可感知按钮处于 focus 状态。
• 如果移除该状态，用户可能误操作按钮，造成数据失误或线上事故。

部分测试人员可能会将此行为判定为错误，但开发者应充分了解其原理，并拒绝修改。因为修改后的按钮可能导致用户误操作，造成更为严重的问题。