從輸入值更新跨度文本

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