Ich mag würde ein Textfeld und ein div in der Nähe davon machen, ähnlich dem, was Sie in Stackoverflow hier in der „Frage stellen“ Webseite. Sie geben einen Text in den Textbereich ein und der Text wird unter dem Textbereich live gerendert. Ich möchte dies machen, um "live" einige Codes wie "a024" im Textfeld in Symbole im div umzuwandeln. Muss ich JavaScript verwenden, um diese Funktion zu erhalten? Danke.machen Live-Text in einem Textfeld
0
A
Antwort
0
Ja. Das hieß zu Beginn von JavaScript DHTML für Dynamic HTML. Sie müssen Javascript verwenden, um dieses Verhalten zu erstellen.
Sie können den Wert eines Elements mit so etwas wie bekommen:
var source = document.getElementById("sourceTextarea").value;
und stellen Sie Text in einem Zielelement mit so etwas wie:
document.getElementById("destinationDiv").innerText = "some text";
in Ihrem HTML werden Sie verwenden müssen:
<textarea id="sourceTextarea"></textarea><div id="destinationDiv"></div>
0
Sie werden definitiv Javascript benötigen, um dieses Ziel zu erreichen.
Sie können die ‚onkeyup‘ Eigenschaft des Textarea machen ein binden JavaScript, um das keyup Ereignis funktionieren.
Sobald Sie dies tun, können Sie den texarea Wert verarbeiten zu ersetzen, was Sie brauchen.
function updateMyDiv() {
var myTextarea = document.getElementById("myTextarea");
var myDiv = document.getElementById("myDiv");
myDiv.innerHTML = myTextarea.value;
}
<html>
<body>
<textarea id="myTextarea" onkeyup="updateMyDiv()">
</textarea>
<div id="myDiv">
</div>
</body>
</html>
Verwandte Themen
- 1. Text in einem Textfeld abwählen
- 2. Anklickbares Symbol in einem Textfeld
- 3. Verwendung \ n In einem Textfeld
- 4. Schriftart Konsistenz in einem Textfeld
- 5. Animiertes Wasserzeichen in einem Textfeld
- 6. Abfangen Wagenrücklauf in einem Textfeld
- 7. Capturing TextChanged in einem Textfeld
- 8. Prettify Code in einem Textfeld
- 9. Ersetze Wörter in einem Textfeld
- 10. Java Schriftfarbe in einem deaktivierten Textfeld einstellen
- 11. Passwort verstecken mit "•••••••" in einem TextFeld
- 12. Anzeige von Daten in einem Textfeld
- 13. mehrreihiges Textfeld ohne Textfeld
- 14. Vorschläge in einem Textfeld in angularjs anzeigen
- 15. Code mit einem Textfeld schreiben
- 16. Wie kann ich ein Textfeld optional machen, wenn etwas in ein anderes Textfeld eingegeben wurde?
- 17. MongoDB Indexing großes Textfeld scheint Abfrage nicht schneller zu machen?
- 18. Suche nach Strings in einem Textfeld, die in einem DIV
- 19. Platzhaltertext in einem leeren (leeren) Textfeld in einem Access-Formular
- 20. Ausgewählten Text in einem Textfeld abrufen
- 21. Cursor-Position in einem Textfeld eingeben
- 22. Text automatisch in einem Textfeld-Steuerelement hervorheben
- 23. Wie man Aufzählungszeichen in einem Textfeld hinzufügt?
- 24. Blockfokus/Auswahl in einem ReadOnly-Textfeld
- 25. JavaFX - Inline-Bilder in einem Textfeld/Textbereich
- 26. Kann kein Doppel in einem Textfeld eingeben
- 27. Blockieren der ersten Nummer in einem Textfeld
- 28. DataBind zu einem Textfeld in WPF
- 29. Wie fixes Suffix in einem Textfeld hinzufügen
- 30. Wie man Schleifendaten in einem Textfeld anzeigt
oh du meinst 4 Leerzeichen werden Code ... wie das? – Mahi