oninput 属性

在HTML5中，新增加了oninput属性，它和onchange 的不同就是立刻发生，而onchange 是在失去焦点的时候才发生

<script>
    function rangeChange(){
        var rangevalue=document.getElementById("rangeid").value;
        document.getElementById("output").value=rangevalue;
    }
</script>
<input type="range" id="rangeid" min="0" max="1000" step="10" oninput="rangeChange()">
<output id="output">10</output>

http://www.w3schools.com/tags/ev_oninput.asp