js自动计算,结果随输入数量改变而改变

写了个JS计算方法 但是结果不能随输入数量改变而改变
function comp(){
        var num = document.getElementById("num").value;    
        var discount = document.getElementById("discount").value;    
        var price = document.getElementById("price").value;           
        var recAmount = num * price * discount;         document.getElementById("recAmount").value=recAmount;
    }
num 是数量
discount 是折扣率
price是单价  
recAmount是结果 
结果 =数量*折扣率*单价只有数量是输入的 结果要随数量的改变而改变.

解决方案 »

  1.   

    使用JS监听input的onkeyup事件，调用你的方法就可以了。
      

  2.   


    <html>
    <head></head>
    <body>
    number: <input type="text" id="num" onkeyup="comp();" /><br/>
    discount:<input type="text" id="discount" onfocus="this.blur();" value="0.6" /><br/>
    price: <input type="text" id="price" onfocus="this.blur();" value="100" /><br/>
    recAmount: <input type="text" id="recAmount" onfocus="this.blur();" /><br/>
    <script type="text/javascript">
    function comp(){ 
            var num = document.getElementById("num").value;    
            var discount = document.getElementById("discount").value;    
            var price = document.getElementById("price").value;           
            var recAmount = num * price * discount;        document.getElementById("recAmount").value=recAmount;
        }
    </script>
    </body>
    </html>
    这样？