以编程方式在聚合物输入上触发 onchange 事件

programmatically fire onchange event on polymer input

本文关键字：onchange 事件 输入 编程 方式 聚合物      更新时间：2023-09-26

要在html输入上触发onchange事件，可以使用以下代码行：

  document.getElementById("test").onchange()

是否可以对聚合物输入执行类似操作？这是我尝试不成功的：

 document.getElementById("gold-zip-input-id").onchange()
 document.getElementById("gold-zip-input-id").inputElement.onchange()

我从未使用过聚合物，但看起来您可能遵循指南的行为部分。

行为是看起来类似于典型聚合物原型的对象。行为可以定义生命周期回调、声明的属性、默认属性、观察者和侦听器。

如果您使用的是纸张输入元素，则可以使用 change 事件：

<dom-module id="change-test">
    <template>
      <paper-input label="total" type="number" value"{{val}}" on-change="handleChange">
    </template>
    <script>
        Polymer({
            is: "change-test",
            handleChange: function (e) {
                console.log("Value changed to " + this.val)
            }
        });
    </script>
</dom-module>

https://elements.polymer-project.org/elements/paper-input#event-change

相关文章：