對隱藏div內的輸入的focus（）不起作用

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/