Objet Touche Javascript

Comment changer la valeur d'une touche avec le javascript?
ou
Quels sont les événements, propriétés, fonctions relatif à une touche?

Explication


Objet Touche:
La touche fait partie de la forme la plus utilisée. Le syntaxe suivant sert à obtenir l'objet touche en javascript
Syntaxe: document.nomdelaforme.nomdelatouche
Exemple de Code:
<form name=buttonform>
<input name=button1 value=test type=button>
</form>
<script language="javascript">
var buttonobject= document.buttonform.button1;
</script>

Ci-dessous les événements, propriétés et méthode dom associé avec l'élément de la touche.
Modules de commande d'événement: associé avec la Touche:
Tous les exemples qui suivent utilisent la fonction javascript output
<script language=javascript>
fonction output()
{
alert("test de l'événement d'une touche");
}
</script>
Module de commande d'événementDéscriptionExemple
onMouseOver Cette fonction est appelée quand le curseur de la souri passe sur la touche <input type=button onMouseOver="output()">
Résultat:
onMouseOut Cette fonction est appelée après que le curseur de la souri se déplace en déhors de la touche <input type=button onMouseOut="output()">
Résultat:
onMouseDown Cette fonction est appelée quand on appuye sur la souri quand le cursuer est sur la touche <input type=button onMouseDown="output()">
Résultat:
onMouseUp Cette fonction est appelée après qu'on relache la touche de la souri <input type=button onMouseUp="output()">
Résultat:
onClick La fonction "onClick" est appelée quand on appuye sur la touche <input type=button onClick="output()">
Résultat:
onBlur Des codes sont exécutés après que la touche perd la sélection en utilisant la touche tab <input type=button onBlur="output()">
Résultat:
onFocus Des codes sont exécutés quand la touche est sélectionnée en utilisant la touche tab <input type=button onFocus="output()">
Résultat:

Propriétés DOM:
Suivant une liste des propriétés DOM (Dynamic Object Model) qui servent à extraire et à modifier les propriétés de touche avec le javascript.
Les exemples qui suivent sont selon la forme utilisée
<form name=testb>
<input name=myb type=button value=xxx>
</form>

Propriété DOMDéscriptionExemple
name Sert à obtenir le nom d'une touche Pour l'Obtenir:
var ss = document.testb.myb.name;
type Sert à connaître le type de forme Pour l'Obtenir:
var ss = document.testb.myb.type;
value Sert à configurer ou obtenir la valeur d'une touche Pour l'Obtenir:
var ss = document.testb.myb.value;
Configuration::
document.testb.myb.value = "testy";
disabled Sert à activer ou à desactiver une touche. La valeur vraie desactivara la touche. Pour desactiver:
document.testb.myb.disabled = true;
Pour activer::
document.testb.myb.disabled = false;

Méthodes DOM:
Suivant une liste de méthodes DOM (Dynamic Object Model) qui servent à faire des changements dynamique comme le clique avec le javascript.
Méthode DOMDéscriptionExemple
click() Sert à configuration le clique d'une touche Pour Cliquer:
document.testb.myb.click();
blur() Sert à griser la touche Pour Griser:
document.testb.myb.blur();
focus() Sert à mettre la sélection sur la touche Pour Sélectionner:
document.testb.myb.focus();

Exemple: Changement de la valeur d'une touche avec le passage de la souri
<script language=javascript>
fonction bevent()
{
var xx = document.xx.btest;
xx.value= "test de l'événement de la touche";
}
</script>

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