【问题标题】:Highlight Text Programmatically in Polymer Paper Input在 Polymer Paper Input 中以编程方式突出显示文本
【发布时间】:2016-06-19 05:57:49
【问题描述】:

我在聚合物应用程序上有几个聚合物paper-input 元素。当这些元素之一被聚焦时,我希望输入的文本输入被突出显示(like this),这样如果用户刚开始输入,输入的现有值就会被覆盖。

有没有办法以编程方式突出显示文本?

【问题讨论】:

    标签: javascript polymer polymer-1.0 html-input


    【解决方案1】:

    我想通了。

    inputElement.$.input.select()
    

    如果这被记录在某处会很好。

    【讨论】:

    • inputElement 有一个属性inputElement,这是一个html输入,有一个select方法
    【解决方案2】:

    根据this documentationinputElement 将返回对在<paper-input> 中实现的实际 HTML 输入元素的引用。您需要访问本机元素,因为 select() 未直接在 <paper-input> 中实现。

    HTML:

    <paper-input id="my-input" value="[[myInputText]]></paper-input>
    

    JavaScript:

    querySelector('#my-input').inputElement.select();
    

    【讨论】:

    • 我不知道为什么,但 querySelector('#my-input').inputElement.inputElement.select() 为我成功了
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-03-16
    • 1970-01-01
    • 1970-01-01
    • 2012-05-12
    • 1970-01-01
    相关资源
    最近更新 更多