<input type="text" id="name" />
<span id="display"></span>
So that when user enter something inside "#name",will show it in "#display"
Add a comment
|
5 Answers
You could simply set input value to the inner text or html of the #display element, on the keyup event:
$('#name').keyup(function () {
$('#display').text($(this).val());
});
answered Sep 10, 2009 at 7:15
Christian C. Salvadó
831k185 gold badges929 silver badges845 bronze badges
1 Comment
Josep Valls
this does not consider the user pasting using the mouse, see answers below
A realtime fancy solution for jquery >= 1.9
$("#input-id").on("change keyup paste", function(){
dosomething();
})
if you also want to detect "click" event, just:
$("#input-id").on("change keyup paste click", function(){
dosomething();
})
if your jquery <=1.4, just use "live" instead of "on".
1 Comment
Pedro Moreira
This covers more cases, including 'paste', which the accpeted answer does not.
$('#name').keyup(function() {
$('#display').text($(this).val());
});
Comments
The previous answers are, of course, correct. I would only add that you may want to prefer to use the keydown event because the changes will appear sooner:
$('#name').keydown(function() {
$('#display').text($(this).val());
});
1 Comment
Jackson H
Keydown events occur before the character is actually entered, so this solution delays the output by one character (
#display will never show the most recently typed character in #name)code.
$(document).ready(function(){
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$('#name').keyup(function(){
var type_content = $(this).val();
$('#display').text(type_content);
});
});
</script>
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<input type="text" id="name" />
<span id="display"></span>
</body>
</html>
1 Comment
Community
Your answer could be improved with additional supporting information. Please edit to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers in the help center.