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

wor*_*hit 7 javascript polymer paper-elements

我有纸输入元素

<paper-input 
    id="{{ id }}" 
    label="{{ label }}" 
    on-keyup="{{ keypressHandler }}" 
    value="{{ value }}">
</paper-input>
Run Code Online (Sandbox Code Playgroud)

当钥匙被释放时我可以抓住事件.

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

但是只有在从输入字段中删除焦点时才更改this.value,因此我无法在释放按钮时检索元素值.

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

Sco*_*les 9

对于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);
    }
});
Run Code Online (Sandbox Code Playgroud)