聚合物在按键上获得纸质输入、核心输入字段的值

Question

我有纸张输入元素

<paper-input 
    id="{{ id }}" 
    label="{{ label }}" 
    on-keyup="{{ keypressHandler }}" 
    value="{{ value }}">
</paper-input>

我可以在按键被释放时捕捉到事件。

Polymer("app-input", {
    ready: function() {
        this.value = false;
    },
    keypressHandler: function(event, detail, sender) {
        console.log("inputChanged");
        console.log(this.value);
    }
});

但 this.value 仅在从输入字段中移除焦点时才会更改，因此我无法在按钮释放时检索元素值。

如何在 keypressHandler() 中获取元素值？

Answer 1

对于paper-input（和core-input），inputValue 是实时值，value 是已提交值（当用户模糊字段或按回车时更新)。

另外，考虑使用数据观察而不是事件。

<paper-input 
    id="{{ id }}" 
    label="{{ label }}" 
    inputValue="{{ value }}">
</paper-input>

...

Polymer("app-input", {
    valueChanged: function() {
        console.log("valueChanged");
        console.log(this.value);
    }
});