German
Sign in / Sign up

Javascript Knopfobjekt

Wie kann man Knopfwerte mit Hilfe von Javascript wechseln?
oder
Was sind die Ereignisse, Merkmale, Funktionen, die mit "Form" Knopf verbunden sind?

Erklärung

Grundlagen der HTML "Form" Knopf
Knopfobjekt:
Knopf ist eine der meist-gebrauchtesten Formulararten. Die folgende Syntax bekommt resp_codes Knopfobjekt in Javascript.
Syntax: document.formname.buttonname


Code Beispiel:
<Formname=buttonform>
<Eingabename=button1 value=test type=button>
</form>
<script language="javascript">
var buttonobject= document.buttonform.button1;
</script>


Hier sind die Ereignisse, die DOM Merkmale und die Methode, die mit Knopfelement verbunden sind.
Ereignishandlern: Verbunden mit Formknopf:
Alle untengenannte Beispiele verwenden eine Javascript Outputfunktion.


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

Ereignishandler Beschreibung Beispiel
onMouseOver

Dies wird aufgerufen, wenn eine Maus über dem Knopf versetzt wird

<input type=button onMouseOver="output()">
Ergebnis:
onMouseOut Dies wird aufgerufen, wenn eine Maus über und resp_codenn aus dem Knopf herausversetzt wird<input type=button onMouseOut="output()">
Ergebnis:
onMouseDown Dies wird aufgerufen, wenn eine Maus auf den Knopf heruntergedrückt wird <input type=button onMouseDown="output()">
Ergebnis:
onMouseUp Dies wird aufgerufen, wenn eine Maus auf den Knopf heruntergedrückt und freigegeben wird<input type=button onMouseUp="output()">
Ergebnis:
onClick "onClick" Funktion wird aufgerufen, wenn ein Mausklick auf dem Knopf gemacht wird <input type=button onClick="output()">
Ergebnis:
onBlur

Führt einen Code aus, wenn der Knopf den Fokus wegen des Tabulators verliert

<input type=button onBlur="output()">
Ergebnis:
onFocus Führt einen Code aus, wenn der Knopf den Fokus mit Hilfe vom Tabulator verliert<input type=button onFocus="output()">
Ergebnis:


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


<form name=testb>
<Eingabename=myb type=button value=xxx>
</form>

DOM Merkmal Beschreibung Beispiel
Name Verwendet, um den Namen des Knopfs zu bekommen bekommen:
var ss = document.testb.myb.name;
typ Verwendet, um Formularart zu bekommen bekommen:
var ss = document.testb.myb.type;
Wert Verwendet, um den Wert des Knopfs zu setzen oder zu bekommen bekommen:
var ss = document.testb.myb.value;
einstellen:
document.testb.myb.value = "testy";
deaktiviert Verwendet, um einen Knopf zu aktivieren oder zu deaktivieren. Durch die Festkegung dieses Merkmals zu richtig, können wir es deaktivieren. deaktivieren:
document.testb.myb.disabled = true;
deaktivieren:
document.testb.myb.disabled = false;


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

DOM Methode Beschreibung Beisoiel
click() Verwendet, um einen Knopfklick dynamisch zu machen klicken:
document.testb.myb.click();
blur() Verwendet, um den Knopfklecks dynamisch zu machen verschwommen:
document.testb.myb.blur();
focus() Verwendet, um den Fokus auf dem Knopf dynamisch zu bekommen fokussieren:
document.testb.myb.focus();

Beispiel: "Change Button" Wert auf Mausklick
<script language=javascript>
function bevent()
{
var xx = document.xx.btest;
xx.value= "Testknopfereignisse";
}
</script>

<form name=xx>
<input type=button name=btest onMouseOver="bevent()"><> </form>

Ergebnis:



Hier sind die Ereignisse, die DOM Merkmale und die Methode, die mit Knopfelement verbunden sind.
Ereignishandlern: Verbunden mit Formknopf:
Alle untengenannte Beispiele verwenden eine Javascript Outputfunktion.

PreviousNext

Java-Script Tutoriel