Objet Texte Javascript

Comment diriger le pointeur de la souri vers le champ de texte avec le javascript?
ou
Quels sont les événements relatifs à un champ de texte?

Explication


Objet Texte:
Le syntaxe suivant sert à obtenir un objet de champ de texte d'insértion en javascript
Syntaxe: document.nomdelaforme.nomdutexte
Exemple de Code:
<form name=testform>
<input name=textn value=test type=text>
</form>
<script language="javascript">
var cbobject= document.testform.textn;
</script>

Suivant des événements, propriétés et méthodes dom relatifs au élément texte.
Modules de commande d'événement: Relatif au forme de type champ de texte:
Tous les exemples qui suivent utilisent la fonction javascript output
<script language=javascript>
fonction output()
{
alert("test des événements texte");
}
</script>
Module de commande d'événementDéscriptionExemple
onMouseOver onMouseOver est appelé quand la souri est placée sur le champ de texte <input type=text onMouseOver="output()">
Résultat:
onMouseDown onMouseDown est appelé quand on appuye sur la souri sur la boîte d'insértionbox <input type=radio onMouseDown="output()">
Résultat:
onMouseUp onMouseUp est appelé après qu'on relache la souri sur le champ de texte <input type=text onMouseUp="output()">
Résultat:
onClick onClick est appelé quand on appuye sur la touche de la souri sur la boîte d'insértion <input type=text onClick="output()">
Résultat:
onBlur onBlur exécute des codes quand le champ de texte perd la sélectionen utilisant la touche tab <input type=text onBlur="output()">
Résultat:
onFocus onFocus exécute des codes quand le champ de texte est sélectionné en utilisant la touche tab <input type=text onFocus="output()">
Résultat:

Propriétés DOM:
Suivant une liste de propriétés DOM (Dynamic Object Model) pour obtenir et pour configurer les propriétés de champ de texte javascript.
Les exemples qui suivent sont selon la forme utilisée
<form name=form1>
<input name=testf type=text value=xxx>
</form>
Propriété DOMDéscriptionExemple
defaultValue Sert à obtenir et à configurer une valeur par défaut du champ de texte Pour l'Obtenir:
var ss = document.form1.textf.defaultValue;
form Sert à obtenir le point noresp_codel parent (form object) de ce texte noresp_codel Pour l'Obtenir:
var ss = document.form1.textf.form;
name Sert à obtenir le nom du champ de texte Pour l'Obtenir:
var ss = document.form1.textf.name;
type Sert à connaître le type de forme Pour l'Obtenir:
var ss = document.form1.textf.type;
value Sert à obtenir ou à configurer la valeur d'un champ de texte Pour l'Obtenir:
var ss = document.form1.textf.value;
Configuration::
document.form1.textf.value = "testy";
size Sert à obternir ou à configurer la taille d'un champ de texte Pour l'Obtenir:
var ss = document.form1.textf.size;
Configuration::
document.form1.textf.size = 4;
readOnly Sert à vérifier ou à changer la propriété lecture seul. Les utilisateurs sont incapable d'inserer une valeur resp_codens le camp de texte si ce dernier est configuré sur readonly (lecture seul). Pour Cocher:
var ss = document.form1.textf.readOnly;
Configuration::
document.form1.textf.readOnly = true;

Méthodes DOM:
Suivant une liste de méthode DOM (Dynamic Object Model) qui servent à changer la sélection de champ de texte en javascript.
Méthode DOMDéscriptionExemple
select() Sert à sélectionner un champ de texte Pour sélectionner:
document.form1.textf.select();
blur() Sert à griser le champ de texte Pour Griser:
document.form1.textf.blur();
focus() Sert à mettre la sélection sur le champ de texte Pour Sélectionner:
document.form1.textf.focus();

Exemple: Sélectioinner le champ de texte avec le passage de la souri
<script language=javascript>
fonction rbevent()
{
var xx = document.xx.testtext.focus();
}
</script>

<form name=xx>
<input type=text name=testtext"> <input type=button name=rbtest onMouseOver="rbevent()">
</form>
Résultat: