javascript - 自定义元素从输入类型范围扩展

Question

我不知道如何检索当前的属性。输入类型范围元素的值。属性。值似乎不是“内部属性”。 value'，在幻灯片期间更改。

Javascript

'use-strict';
(function(){
var fooProt = Object.create(HTMLElement.prototype);

Object.defineProperty(fooProt, "bar", {
    value: {test: 1},
    writable: false,
    enumerable: true
});

fooProt.getMin = function() {
    return this.bar.test;
};

fooProt.attachedCallback = function () {
    this.addEventListener('change', function(){
        //get current value, following does not appear to work
        //console.log(this.value);
    });
};

var foo = document.registerElement('ex-foo', {prototype : fooProt, extends : 'input'});
})();

HTML

<input type="range" min="1" max="100" value="1" is="ex-foo" id="foo">

Answer 1

HTMLElement 不为您提供 value 属性，但 HTMLInputElement 提供:

var fooProt = Object.create(HTMLInputElement.prototype);