German
Sign in / Sign up

Javascript Text Area Objekt

Wie kann man die Größe von Text Area mit Hilfe von Javascript dynamisch ändern ?
oder
Welche sind die mit Formularart Text Area verbundenen Ereignisse?

Erklärung

Grundlagen der HTML Form "textarea"
Text Area Objekt :
Die folgende Syntax bekommt resp_codes TextArea Objekt in Javascript

Syntax: document.formname.textarea

Code Beispiel:
<form name=testform>
<textarea name=textn > Test der TextArea </textarea>
</form>
<script language="javascript">
var cbobject= document.testform.textn;
</script>


Hier sind die Ereignisse, die DOM Merkmale und die Methode, die mit Textelement verbunden sind.
Ereignishandlern: Verbunden mit Formularart Text Area
Alle Beispiele unten verwenden eine Javascript Funktion


<script language=javascript>
Funktion output()
{
Warnung("testing TextArea");
}
</script>

Ereignishandler Beschreibung Beispiel
onMouseOver onMouseOver wird aufgerufen, wenn eine Maus über dem Text Area versetzt wird
<textarea name=textn onMouseOver="output()">Test der TextArea </textarea>
Ergebnis:
onMouseDown onMouseDown wird aufgerufen, wenn eine Maus in den Text Area heruntergedrückt wird <textarea name=textn onMouseDown="output()">Test der TextArea </textarea>
Ergebnis:
onMouseUp onMouseUp wird aufgerufen, wenn eine Maus in den Text Area heruntergedrückt und freigegeben wird <textarea name=textn onMouseUp="output()"> Test der TextArea </textarea>
Ergebnis:
onClick onClick wird aufgerufen, wenn ein Mausklick im Text Area gemacht wird <textarea name=textn onClick="output()"> Test der TextArea </textarea>
Ergebnis:
onBlur onBlur führt einen Code aus, wenn der Text Area Fokus wegen des Tabulators verliert <textarea name=textn onBlur="output()"> Test der TextArea </textarea>
Ergebnis:
onFocus onFocus führt einen Code aus, wenn der Text Area den Fokus mit Hilfe des Tabulators bekommt <textarea name=textn onFocus="output()"> Test der TextArea </textarea>
Ergebnis:

DOM Merkmale:
Folgendes ist die Liste von DOM (dynamisches Objektmodell) Merkmalen, die verwendet werden können, um Text Area Merkmale in Javascript zu bekommen und zu ändern.
Die Beispiele unten sind auf der Form basiert

<form name=form1>
<textarea name=textn> testing text area </textarea>
</form>

DOM Merkmal Beschreibung Beispiel
defaultValue Verwendet, um den Stanresp_coderdwert der Text Area zu bekommen und einzustellen bekommen:
var ss = document.form1.textn.defaultValue;
form Verwendet, um dem Elterknoten (Formobjekt) dieser Text Area Knotens zu holen bekommen:
var ss = document.form1.textn.form;
name Verwendet, um den Namen der Text Area zu bekommen bekommen:
var ss = document.form1.textn.name;
type Verwendet, um Formularart zu bekommen bekommen:
var ss = document.form1.textn.type;
value Verwendet, um Textbereichswert zu setzen oder zu bekommen bekommen:
var ss = document.form1.textn.value;
einstellen::
document.form1.textn.value = "testy";
size Verwendet, um den Wert der Text Area zu setzen oder zu bekommen bekommen:
var ss = document.form1.textn.size;
einstellen:
document.form1.textn.size = 4;
readOnly

Verwendet, um readonly Merkmal zu überprüfen oder zu ändern. Benutzer kann keinen Wert eingeben, wenn der Textbereich zu readonly gemacht wird.

 prüfen:
var ss = document.form1.textn.readOnly;
einstellen:
document.form1.textn.readOnly = true;

DOM Methoden:
Folgendes ist die Liste von DOM (dynamisches Objektmodell) Methoden, die verwendet werden können, um dynamische Änderungen wie dynamische Text Area Auswahl mit Hilfe von Javascript zu machen.

DOM Methode Beschreibung Beispiel
select() Verwendet, um einen Text Area dynamisch auszuwählen wählen:
document.form1.textn.select();
blur() Verwendet, um den Text Area dynamisch zu verschwommen einschwimmen:
document.form1.textn.blur();
focus() Verwendet, um den Fokus auf dem Text Area dynamisch zu bekommen fokussieren:
document.form1.textn.focus();

Beispiel: Das Überschreiben des Textbereichsfokus auf einer Knopfmaus
<script language=javascript>
function rbevent()
{
var xx = document.xx.testarea.focus();
}
</script>

<form name=xx>
<textarea name=testarea> Test der TextArea </textarea>
<input type=button name=rbtest onMouseOver="rbevent()">
</form>

Ergebnis:



Hier sind die Ereignisse, die DOM Merkmale und die Methode, die mit Textelement verbunden sind.
Ereignishandlern: Verbunden mit Formularart Text Area
Alle Beispiele unten verwenden eine Javascript Funktion

PreviousNext

Java-Script Tutoriel