javascript - 如何在聚合物 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。

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