2017-09-23 1 views
0

Ich habe eine JavaScript-Seite, die ich geschrieben habe, wo der Benutzer Text in der ersten Box eingibt und das Ergebnis nach der Verarbeitung wird in der zweiten Box, die eine TextArea-Box ist. Ich dachte, es wäre gut, dies in einer Textfelder-Box für Layout-Zwecke anzuzeigen und damit sie scrollen können, dachte sie, wenn sie es wünschen. Dann können sie den Text in ihre Zwischenablage kopieren.Wie kann ich eine TextBox erstellen, die nur für die Ausgabe des Programms verwendet wird?

All das funktioniert, außer wenn der Benutzer eines beliebigen Text in dem zweiten Textfeld Feld, verursacht es keine Ausgabe angezeigt werden, wenn sie den Prozess Knopf drücken.

Wie soll das behoben werden? Gibt es eine Möglichkeit, zu verhindern, dass Text in die zweite Textbox eingegeben wird? Mir ist klar, dass ich eine Nachricht einreichen kann, um dort nichts einzugeben, aber Benutzer können Fehler machen. Scheint jetzt zu sein, wenn sie dies tun, ist der einzige Weg, um wiederherzustellen, die Webseite neu zu laden.

Antwort

1

Sie einfach die readonly Attribut hinzufügen könnte zu das Element.

Aber Sie können auch angezeigt werden nur die Inhalte in einer div (oder ein anderes derartiges Element), die gestylt als Textfeld angezeigt werden:

div { 
 
    width:40%; 
 
    height:100px; 
 
    overflow:scroll; 
 
}
<div>Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum </div>

+0

eine texarea Feld zu simulieren, interessante Idee! –

Verwandte Themen