Ich versuche, einen Schieberegler zu arbeiten, und ich bekomme outputUpdate ist nicht bei HTMLInputElement.oninput

Question

Ich versuche, einen Schieberegler zu arbeiten, und ich bekomme outputUpdate ist nicht bei HTMLInputElement.oninput definiert.

Mein HTML ist:

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

Sie mit 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

Es tun könnte ich Es gibt kein Problem mit Ihrem Code. Sehen Sie diese codepen mit HTML und JavaScript wie erwartet: https://codepen.io/anon/pen/vZLRwg

Aus diesem Grunde ist das Problem wahrscheinlich, dass Ihr JavaScript nicht an der richtigen Stelle ist, so dass es zu dem <input> Tag sichtbar ist, die für sie sucht.