每当我更改浏览器选项卡时，焦点动画都会重复。我想阻止这个。有没有办法做到这一点？谢谢你的帮助。
以下是演示：http://output.jsbin.com/vidapu
<div id="box" tabindex="0">
Click me...
<div id="box-dropdown">...and now switch your browser tab</div>
答案 0 :(得分：0)
当您更改标签时，您不再是＆＃34;专注于＆＃34;在那个元素上。更改后，将恢复焦点状态。防止此行为的唯一方法是在焦点以外的其他内容上触发动画。 如果您希望在点击时触发它，则应使用JavaScript点击事件。
最初在动画框上设置display: none;，然后在点击按钮时将其更改为display: block;。