Comment afficher en temps réel la valeur d'entrée avec jQuery?

Question

<input type="text" id="name" />
<span id="display"></span>

Ainsi, lorsque l'utilisateur saisira quelque chose à l'intérieur de & "; #name &", il l'affichera dans & "#display &";

Answer 1

Vous pouvez simplement définir une valeur d'entrée sur la text ou html de l'élément #display, sur l'élément keyup événement:

$('#name').keyup(function () {
  $('#display').text($(this).val());
});

Answer 2

Une solution en temps réel sophistiquée pour jQuery > = 1.9

$("#input-id").on("change keyup paste", function(){
    dosomething();
})

si vous souhaitez également détecter " cliquez sur " événement, juste:

$("#input-id").on("change keyup paste click", function(){
    dosomething();
})

si votre jquery < = 1.4, utilisez simplement & "live &"; au lieu de & "sur &";.

Answer 3

$('#name').keyup(function() {
    $('#display').text($(this).val());
});

Answer 4

Les réponses précédentes sont bien sûr correctes. J'ajouterai seulement que vous souhaiterez peut-être utiliser l'événement keydown car les modifications apparaîtront plus tôt:

$('#name').keydown(function() {
    $('#display').text($(this).val());
});