當你鍵入jQuery匹配.val（）

Question

我想創建一個表單，你輸入你的名字。在輸入字段中鍵入名稱時，表單上方的DIV與您鍵入的值匹配。

$('#rendered').html($('#your_name').val()); 

上面的代碼在提交時工作，但在輸入時不匹配字母？ 有人能指出我正確的方向，應該很簡單。

Answer 1

使用keyup事件

HTML：

<div id="result"></div> 
<input type="text" id="txt" /> 

JS：

$("#txt").on("keyup", function(e){ 
    $("#result").html($(this).val()); 
}); 

這裏是Demo