如何在更改事件或立即值更改事件中获取纸张滑块的立即值/当前值

Question

我试图改变纸张滑块的更改功能div的背景颜色与滑块的当前值,但未能获得滑块的值我尝试过 - 立即值更改或更改功能,但我不知道如何获取纸张滑块的当前值

Answer 1

那么,根据文档,有两种不同的价值paper-slider:

• value 表示当前值的数字.
• immediateValue 滑块的直接值.用户拖动滑块时会更新此值.

可以直接在paper-slider元素上访问这些属性.

当用户拖动滑块时,会连续触发第一个事件:immediate-value-change.当用户停止拖动滑块时,会触发另外两个事件:change和value-change.两者之间的区别在于change事件仅在用户的交互中触发.

考虑到这些信息,您可以在主机元素中添加以下代码段(您的滑块应该有一个sliderID,但您显然可以更改它):

listeners: {
    'immediate-value-change': 'immediateValueChangeHandler',
    'change': 'changeHandler'
},

immediateValueChangeHandler: function (e) {
    var value = this.$.slider.immediateValue;
    // do something
},

changeHandler: function (e) {
    var value = this.$.slider.value;
    // do something
}