如何使用Polymer 1.0聚焦纸张输入?

vde*_*nne 10 javascript polymer polymer-1.0

这个问题是对这一问题的后续问题:聚合物聚焦()在<paper-input>或<core-input>元素上

如何paper-input使用Javascript API 关注元素?

(使用Polymer 1.0)

vde*_*nne 12

如果你有一个元素:

<paper-input id="my-input" label="What's on your mind?"></paper-input>
Run Code Online (Sandbox Code Playgroud)

paper-input是业务逻辑的包装器,是一种更为深层次的input元素,可以通过以下方式实现:

document.getElementById('my-input').$.input
Run Code Online (Sandbox Code Playgroud)

要专注,只需写:

document.getElementById('my-input').$.input.focus();
Run Code Online (Sandbox Code Playgroud)

  • 谢谢,正在寻找这个!但是,为了美观,你应该使用`this.$.my-input.$ .input.focus()`.另外,如果你碰巧在显示`paper-input`的同时执行此操作,你应该在`setTimeout(function(){...},0}`调用中调用`focus()`. (4认同)

Zik*_*kes 10

<paper-input autofocus></paper-input>将立即自动聚焦,或者如果您希望自己在Javascript中控制时间,则可以使用paperInput.$.input.focus().