javascript - 如何在更改事件或立即值更改事件中获取纸 slider 的立即值/当前值

Question

我正在尝试使用 slider 的当前值更改纸 slider 的更改功能上的 div 的背景颜色，但未能获得 slider 的值我尝试了即时值更改或更改功能，但我没有不知道如何获取 paper-slider 的当前值

Answer 1

嗯，根据documentation , paper-slider 有两种不同的值:

• value 代表当前值的数字。
• immediateValue slider 的立即值。当用户拖动 slider 时，该值会更新。

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

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

考虑到这些信息，您可以将以下片段添加到您的宿主元素(您的 slider 应该有一个 slider id，但您显然可以更改它):

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
}