将输入文本放入span中 - 仅在键盘上工作

Question

我试图将我的输入值放入span中，不仅在页面加载（替换文本）上，而且还在输入时更改它。此代码似乎当我键入新的东西成箱的工作：

$(document).ready(function(){ 
    $("#fname").on("change keypress input", function() { 
     $("#brand").text($(this).val()); 
    });  
}); 

然而，就是在那里，不仅得到它，当我键入新的东西来改变一个更好的办法，而且对页面加载呢？ （即它会立即将内容拉开）。

谢谢。

Answer 1

只是触发其中一个

$(function(){ 
    $("#fname").on("change keypress input", function() { 
    $("#brand").text($(this).val()); 
    }).change();  
}); 

Answer 2

您可以使用此代码。我希望它会工作

$(document).ready(function(){ 
var load_text = $('#fname').text(); 
$("#brand").text(load_text); 
$("#fname").on("change keypress input", function() { 
    $("#brand").text($(this).val()); 
});  
}); 

您也可以使用此代码

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.16.0/jquery.validate.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
$("#fname").on("change keypress input", function() { 
    $("#brand").text($(this).val()); 
}).change();  
}); 
</script> 


<form id="test_form"> 
<input type="text" id="fname" value="your_input_text" /> 
<span id="brand"></span> 
</form> 

Answer 3

您可以使用多个这样的活动玩..

$("#fname").on({ 
    change : function(){ 
     //code here 
    }, 
    keypress : function(){ 
     //code here 
    }, 
    input: function(){ 
     //code here 
    } 
});