我想獲得一個滑塊工作，我不斷得到outputUpdate沒有在HTMLInputElement.oninput

Question

定義我想讓滑塊工作，我不斷getUpdate未定義在HTMLInputElement.oninput。

我的HTML是：

function outputUpdate(mil) { 
 
    document.querySelector('#mileage').value = mil; 
 
};

<input type="range" min="1" max="50" value="10" ng-model="miles" step="1" oninput="outputUpdate(value)"> 
 
<output for="fader" id="mileage">25</output> 
 
<label for="fader">miles</label>

Answer 1

你可以用this.valueoninput="outputUpdate(this.value)"

function outputUpdate(mil) { 
 
     document.querySelector('#mileage').value = mil; 
 
    };

<input type="range" min="1" max="50" value="10" ng-model="miles" step="1" oninput="outputUpdate(this.value)"> 
 
<output for="fader" id="mileage">25</output> 
 
<label for="fader">miles</label> 
 

 

 

Answer 2

有我做你的代碼沒有繼承問題。看到這個codepen與您的HTML和JavaScript按預期工作：https://codepen.io/anon/pen/vZLRwg

因此，問題可能是您的JavaScript不在正確的位置，以便它正在尋找它的<input>標記可見。