J'essaie de copier le contenu d'une zone de texte en DIV simultanément pendant que l'utilisateur tape. Voici Le code sur jsfiddle
L'erreur qui est confrontée est,
6 Réponses :
Le keypress code> événement se produit avant que le texte de l'élément $("#boxx").keypress(function() {
var $this = $(this);
window.setTimeout(function() {
$("div").text($this.val());
}, 0);
});
Une autre bonne raison pour utiliser votre méthode est-elle des poignées coupées et coller beaucoup mieux, alors que le retard est très perceptible pour ces instances.
Utiliser Keyup à la place. keypress se produit lorsque la touche est enfoncée et que vous souhaitez que le texte soit transféré lorsque la clé est relâchée.
Remarque @ Rahat Répondre Si vous vous souciez de copier des changements de texte collé également.
La fonction Keyup fonctionne lui-même pour la copie des changements de texte collé.
Le keyup strong> strong> et KeyPress fort> Evénements fonctionne pour l'entrée du clavier, mais si on utilise la souris sur le bouton droit de la souris et coller quelque chose dans la zone de texte, le changement de valeur ne sera pas être ramassé. Vous pouvez utiliser lid code> avec l'événement $("#textbox1").bind('input', function () {
var stt = $(this).val();
$("#textbox2").val(stt);
});
$("#boxx").keyup(function() {
var $this= $(this);
window.setTimeout(function() {
$("div").text($this.val());
}, 0);
});
this work proper.Copy also works f9enter code here
$("#title").keypress(function() {
var $this = $(this);
window.setTimeout(function() {
$("#slug-url").val($this.val().toLowerCase().replace(/ /g, '-'));
}, 0);
});
using @Frédéric Hamidi' method to generate seo friendly url after replacing spaces with '-' and changing text to smallcase.
Utilisez Keyup et modifier les deux.
$("#boxx").on('keypress change', function(event) {
var data=$(this).val();
$("div").text(data);
});