2017-12-08 6 views
0

Ich habe 3 Werte, wo Benutzer Banner (Farbe/Bild/Rahmenfarbe) anpassen können und diese Änderungen werden unten in Textarea hinzugefügt (Ausgabe ist HTML).Funktion aufrufen, ohne textarea zu berühren?

Bis jetzt schaffe ich es, mit Knopf zu funktionieren, aber Problem ist, dass mit jeder Änderung Benutzer es drücken muss (um zu sehen, wie es aussieht) und wenn ich etwas wie onClick oder onChange verwende, wird es irgendwie mit vorheriger Änderung und aktualisieren nicht aktuelle Änderung (das passiert duo Farbwähler als Code wird vor und nicht am Ende (ich denke)).

Also meine Frage ist, wie könnte ich Funktion starten, wenn Text in Textarea ändern, ohne Benutzer etwas darin zu bearbeiten. (Wenn so etwas überhaupt möglich ist). Danke für Vorschläge :)

+1

haben Sie versucht, mit '' onchange Ereignis? – programtreasures

+0

Ja, ich habe es, aber es funktioniert nicht, ohne einige Änderungen an Textarea später. – UXRO

+0

möchten Sie etwas Aktion auf Ihrem Textbereich durchführen, richtig? – programtreasures

Antwort

2

Also meine Frage ist, wie könnte ich Funktion starten, wenn Text in Textarea ändern, ohne Benutzer etwas darin zu bearbeiten.

Verwenden change Ereignis auf textarea (oder input wenn Benutzer copy-paste Wert darin)

$("#html_code").on("change input", function(){ 
    $("#preview").html($(this).val()); 
}) 
+0

Ich habe dies schon einmal versucht. Problem ist, wenn Benutzer Farbe/Bild auswählen, wird es HTML (Textarea) aktualisieren, aber die Vorschau wird nicht angezeigt. Sobald Speicherplatz oder einige Änderungen an textarea vorgenommen werden, wird es aktualisiert. – UXRO

+0

Können Sie Ihren Versuch teilen und das von Ihnen beschriebene Problem replizieren? Ich möchte sehen, wie Change Event in einem solchen Fall nicht ausgelöst wird. – gurvinder372

+0

Edit: Danke für Hilfe, ich werde versuchen, es "irgendwie" zur Arbeit zu bringen, weil es aussieht, als ob das Problem mit Skript, das Banner erzeugt, zusammenhängt. Und wie ich jetzt bemerke, gibt es keinen Text in Textarea. Vermutlich duo diesen Faktor die OnChange-Funktion kann Änderungen nicht erkennen. – UXRO

Verwandte Themen