Javascript Text Objekt
Wie kann man dynamisch den Cursorhinweis auf Textfeld mit Hilfe von Javascript bringen?
oder
Welche sind die mit Formulararten Textfeld verbundenen Ereignisse?
Erklärung
Grundlagen der HTML Input Form
Text Objekt:
Die folgende Syntax bekommt resp_codes Textfeld Eingabekastenobjekt in Javascript
Syntax: document.formname.textname
Code Beispiel: <form name=testform>
<input name=textn value=test type=text>
</form>
<script language="javascript">
var cbobject= document.testform.textn;
</script>
Hier sind die Ereignisse, die DOM Merkmale und die Methode, die mit Textelement verbunden werden.
Ereignishandlern: Verbunden mit Formulararten Textfeld:
Alle Beispiele unten verwenden eine Output Javascript Funktion
<script language=javascript>
Funktion output()
{
Warnung("Test von Textereignisse");
}
</script>
DOM Merkmale:
Folgendes ist die Liste von DOM (dynamisches Objektmodell) Merkmalen, die verwendet werden können, um Textfeld Merkmale in Javascript zu bekommen und zu ändern.
Die Beispiele unten sind auf der Form basiert
<form name=form1>
<input name=testf type=text value=xxx>
</form>
| DOM Merkmal | Beschreibung | Beispiel |
| defaultValue | Verwendet, um den Stanresp_coderdwert des Textfelds zu bekommen und einzustellen | bekommen:
var ss = document.form1.textf.defaultValue;
|
| form | Verwendet, um dem Elterknoten (Formobjekt) dieses Textknotens zu holen | bekommen:
var ss = document.form1.textf.form;
|
| name | Verwendet, um Textfeldnamen zu bekommen | bekommen:
var ss = document.form1.textf.name;
|
| type | Verwendet, um Formularart zu bekommen | bekommen:
var ss = document.form1.textf.type;
|
| value | Verwendet, um Textfeldwert zu setzen oder zu bekommen | bekommen:
var ss = document.form1.textf.value;
einstellen:
document.form1.textf.value = "testy";
|
| size | Verwendet, um Textfeldgröße einzustellen oder zu bekommen | bekommen:
var ss = document.form1.textf.size;
einstellen::
document.form1.textf.size = 4;
|
| readOnly | Verwendet, um readonly Merkmal zu überprüfen oder zu ändern. Benutzer kann keinen Wert eingeben, wenn resp_codes Textfeld zu readonly gemacht wird. | prüfen:
var ss = document.form1.textf.readOnly;
einstellen:
document.form1.textf.readOnly = true;
|
DOM Methoden:
Folgendes ist die Liste von DOM (dynamisches Objektmodell) Methoden, die verwendet werden können, um dynamische Änderungen wie dynamische Textfelresp_codeuswahl mit Hilfe von Javascript zu machen.
| DOM Methode | Beschreibung | Beispiel |
| select() | Verwendet, um ein Textfeld dynamischauszuwählen | wählen:
document.form1.textf.select();
|
| blur() | Verwendet, um denTextfeld dynamisch zu verschwommen | einschwimmen:
document.form1.textf.blur();
|
| focus() | Verwendet, um den Fokus auf dem Textfeld dynamisch zu bekommen | fokussieren:
document.form1.textf.focus();
|
Beispiel: Textfeld resp_codezu bringen, auf einer Knopfmaus hinüber auszuwählen
<script language=javascript>
function rbevent()
{
var xx = document.xx.testtext.focus();
}
</script>
<form name=xx>
<input type=text name=testtext"> <input type=button name=rbtest onMouseOver="rbevent()">
</form>
Ergebnis:
Hier sind die Ereignisse, die DOM Merkmale und die Methode, die mit Textelement verbunden werden.
Ereignishandlern: Verbunden mit Formulararten Textfeld:
Alle Beispiele unten verwenden eine Output Javascript Funktion