从输入值更新跨度文本

Question

我有一个输入标记，我想通过简单的计算得到它的值并将其放在一个跨度中。我这样做了，但只有当用户点击“Enter”按钮时才会更新值。有没有办法做到动态？没有按下按钮。

<div class="col-sm-6 col-lg-6 col-md-6"> 
    Number:<input id="number" type="int" onchange="updateInput(this.value)"> 
</div> 
<div class="col-sm-6 col-lg-6 col-md-6"> 
    Total <span id="result"></span> 
</div> 

<script type="text/javascript"> 
    function updateInput(ish){ 
    document.getElementById("result").innerHTML = ish*0.05 
} 
</script> 

Answer 1

j08691的答案会工作，但不会包括所有的方法用户可以更新该值（如粘贴它）。这应该涵盖一切：

$("#number").bind("propertychange change keyup paste input", function() { 
    document.getElementById("result").innerHTML = $("#number").val()*0.05; 
}); 

Answer 2

最简单的办法是改变：

onchange="updateInput(this.value)" 

到

onkeyup="updateInput(this.value)" 

jsFiddle example