如何關注頁面加載后加載的元素

Question

加載后，我正在使用以下hack-ish方法專注於Stripe輸入元素：

<div id="card-element">
  <!-- Load stripe stuff here -->
</div>

// <script src="https://js.stripe.com/v3/"></script>
var card = elements.create('card', {style: style});
card.mount('#card-element');

setTimeout(function(){
    card.focus();
},1000);

有沒有更好的方法可以做，即檢測card元素何時是“可聚焦的”。 如果我在頁面加載時執行此操作，它只是看不到該元素（可能尚未添加該元素，因此它不起作用）。

這是一個示例元素： https ://stripe.github.io/elements-examples/（我無法將工作示例粘貼到jsfiddle中，因為我不確定如何加載外部庫）。

Answer 1

根據文檔，您可以在元素上附加一個偵聽器，然后在安裝后調用focus。

未經測試的代碼，但應該看起來像這樣

 card.on('ready', function(){
    card.focus();
    }
)