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

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

Java脚本

'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">

最佳答案

HTMLElement不为您提供value属性，但HTMLInputElement可以：

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

关于javascript - 自定义元素从输入类型范围扩展，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/30856867/