Beim Eingeben eines Texteingabefeldes wird der in div eingegebene Inhalt gedruckt

8

Ich habe eine Website, auf der sich ein leeres Feld und ein Eingabefeld befinden. Ich möchte in der Lage sein, etwas in dieses Eingabefeld einzugeben und es auf die leere Box drucken zu lassen.

HTML

%Vor%

Das ist die leere Box und

%Vor%

ist das Eingabefeld.

CSS

%Vor%

Wenn mir jemand sagen könnte, wie ich das machen soll, würde ich das sehr schätzen. Danke

    
ctm 19.01.2013, 04:57
quelle

5 Antworten

18

Sie verwenden das onkeyup -Ereignis

Das Suchen mit IDs ist viel einfacher. Fügen Sie Ihren Elementen wie folgt IDs hinzu:

%Vor%

JS

%Vor%

Hier ist ein Live-Beispiel

    
nunespascal 19.01.2013, 05:08
quelle
2

Es gibt viele Möglichkeiten, dies zu erreichen, am einfachsten ist es, jQuery zu verwenden. Im folgenden Beispiel verwende ich die Funktion jQuery keyUp() , um auf Tastaturereignisse zu warten und dann den aktualisierten Wert in .printChatBox

zu schreiben %Vor%

Ich habe hier ein funktionierendes Beispiel gepostet: Ссылка

    
Mike Grassotti 19.01.2013 05:23
quelle
1

Ссылка

%Vor%     
codingbiz 19.01.2013 05:12
quelle
1

In Ihrem HTML

%Vor%

In JS

%Vor%

Klicken Sie hier für LIVE DEMO

    
Ritam Das 25.03.2017 12:17
quelle
-1

Angular JS macht das in zwei Codezeilen:

Importieren Sie einfach Angular JS, während Sie andere Bibliotheken importieren:

%Vor%

Dann auf Ihrem ersten Div (wo Sie kopieren):

%Vor%

Dann, an dem Ort, wo Sie den Inhalt zeigen werden: einfach schreiben:

%Vor%

Dies ist die beste Lösung, die ich je gefunden habe!

    
Sandip Subedi 10.04.2016 20:26
quelle

Tags und Links