如何使聚合物1.9.1的紙張輸入焦點？

我需要將紙張輸入對準紙張對話框。我嘗試了所有可用的解決方案，但沒有任何工作。如何使聚合物1.9.1的紙張輸入焦點？

this.$.homeSearch.$.input.focus();

這是我markaup

<paper-input id="homeSearch" class="home-search-btn" placeholder="Where do you want to go?" no-label-float value="{{searchText}}"> 

</paper-input>

我不想自動對焦時，頁面加載。我需要從方法中引發焦點事件。取而代之的

this.$.homeSearch.$.input.focus();

來源

2017-05-22 aaron

，你可以做

this.$.homeSearch.focus();

代替。 paper-input默認從HTMLElement繼承，所以它已經有一個focus內置方法。

來源

2017-05-22 05:38:58

該解決方案適用於紙張輸入，但我在紙張對話框中使用了紙張輸入。我想在對話框打開時關注輸入。我有一個方法openDialog：function（）{this。$。animated.open（）;這。$。homeSearch.focus（）;}但它沒有關注。 – aaron

@aaron因爲渲染時間不合適而不重點。爲了測試它，在調用'this。$。homeSearch.focus（）'之前設置例如2秒的超時時間。如果它工作正常，那麼你可以試試紙對話事件'iron-overlay-opened'或'Polymer.renderStatus.afterNextRender'。我還沒有測試過它。 –

如何使聚合物1.9.1的紙張輸入焦點？

回答

相關問題