javascript - focus() 在隐藏 div 内的输入上不起作用

Question

是否可以在隐藏 div 内的输入上使用 focus()

opacity: 0; 
visibility: hidden;

点击按钮后，div 通过添加到正文的新类变得可见:

演示:http://jsfiddle.net/yyd1pgaa/

如果我删除过渡效果，focus() 会起作用，所以我猜浏览器无法专注于尚未 100% 可见的内容？

是否可以不使用 setTimeout()？

Answer 1

如果您只在此处转换 opacity，它将起作用。

例如:

transition: 0.5s opacity ease;

更新的 jsfidde:http://jsfiddle.net/b6025bc7/