如何在聚合物1.0中自动对焦/自动输入纸张输入？

Question

我能够使用javascript并调用.click（）或.focus（）以使纸张输入准备好输入聚合物0.5.6。

1.0似乎失去了这种能力。有没有办法让输入准备好使用JS或使用新的1.0 Polymer API进行输入？

Answer 1

根据https://elements.polymer-project.org/elements/paper-input?active=Polymer.PaperInputBehavior的文件，这应该有效：

<paper-input autofocus></paper-input>

Answer 2

如果您需要从代码设置焦点（可能是为了响应用户操作），这两个代码段可能会有所帮助。

要将焦点设置为第一个纸张输入，您可以使用：

$('paper-input input').first().focus();

您还可以按ID选择特定的纸张输入：

$('#myValue input').focus();

Answer 3

的javascript：

var textbox = document.getElementById("myInputBox");
textbox.focus();
tetbox.scrollIntoView();

如果这不起作用，那么您可能会在实施中稍后将焦点设置为其他内容？

Answer 4

作为一名firefox用户，我希望它能够正常工作（就像在Chrome中一样）：

    <paper-input autofocus></paper-input>

但没有骰子。所以我试过了：

    var textbox = document.getElementById("myInputBox");
    textbox.focus();

将“TypeError：textbox is null”记录到控制台...我猜是因为阴影DOM在不那么阴暗的DOM之后加载。

因此看起来自动对焦标签的功能取决于应用运行的浏览器。希望这会随着将来的版本而改变。与此同时，更好的文档会很好。