Trucsweb.com

DHTML

Les événements Javascript

RDFFav

Les événements Javascript - Base de la programmation orientée-objet

Un document comporte plusieurs objets, les objets peuvent être les éléments d’un formulaire, les images les liens les textes et même le document lui-même etc. Cette technique orientée-objet permet d’isoler les objets entre eux en leur donnant une certaine indépendance.onafterupdate onblur onchange onclick ondbclick onfocus onhelp onkeydown onkeypress onkeyup onLoad onmousedown onmousemove onmouseout onmouseover onmouseup onreadystatechange onreset onresize onscroll onselect onsubmit onunload onerror

  • · Niveau : DÉBUTANT
  • · Compatibilité : Netscape 3+ et Internet 3+

Un document comporte plusieurs objets, les objets peuvent être les éléments d’un formulaire, les images les liens les textes et même le document lui-même etc. Cette technique orientée-objet permet d’isoler les objets entre eux en leur donnant une certaine indépendance. Parmi les techniques de manipulation des objets il existe les événements ou "Event". Un événement est une action commise par l’utilisateur qui affecte directement un ou plusieurs objets. À l’aide de mot réservé vous pouvez réagir et contrôler à peu prêt tout ce qui est fait par l’usager.

NOTE : Parmi les événements il y a le FOCUS. Cet événement est très important à comprendre car certains objets ne réagissent aux événements que lorsqu’ils sont en état de FOCUS. Le FOCUS est attribué à un seul objet à la fois. Par exemple lorsque vous entrez dans une page, le FOCUS est par défaut le document lui-même. Pour bien saisir, cliquez sur la touche TAB, vous aller observer le mouvement du FOCUS dans de la fenêtre. Lorsque le FOCUS est sur un objet, une ligne pointillée en fait le tour. Tout ce qui se fait sous Windows fonctionne de cette façon. Que ce soit en HTML, Javascript, Visual Basic ou même en C. C’est pourquoi si le FOCUS n’est plus directement dans le navigateur, la touche TAB vous permet de change le FOCUS entre les objets de Windows, c’est à dire entre application ou fichier sur le bureau etc.

: Compatible avec Netscape Navigator 3 et plus.
: Compatible avec Netscape Navigator 4 et plus.
: Compatible avec Internet Explorer 3 et plus.
: Compatibleavec Internet Explorer 4 et plus.

Événement Avec Description

OnAbort
BODY,
FRAMESET
À l’interruption du chargement d’une page.
 
OnAfterUpdate Tout Après une modification d’’un formulaire.
OnBlur LABEL,
INPUT,
SELECT, TEXTAREA, BUTTON
Quand un objet perd son FOCUS.  
OnChange INPUT,
TEXTAREA
Après la modification d’un objet.  
OnClick Tout Quand l’utilisateur clic sur un objet.  
OnDbClick Tout Quand l’utilisateur bouble clic sur un objet.  
OnError Tout Quand un objet n’a pas été chargé.  
OnFocus LABEL,
INPUT, SELECT, TEXTAREA, BUTTON
Quand un objet prend le FOCUS.  
OnHelp Tout

Quand l’utilisateur appuie sur la touche F1 (aide).

OnKeyDown Tout Quand l’utilisateur appuie sur une touche  
OnKeyPress Tout Quand l’utilisateur relâche une touche  
OnKeyUp Tout Quand l’utilisateur relâche une touche sur un objet.  
OnLoad BODY,
FRAMESET
À l’ouverture d’un document.  
OnMouseDown Tout Quand l’utilisateur appuie sur un bouton de la souris.  
OnMouseMove Tout Quand l’utilisateur bouge la souris.
OnMouseOut Tout Quand l’utilisateur bouge la souris hors d’un objet.  
OnMouseOver Tout Quand l’utilisateur bouge la souris au dessus d’un objet.  
OnMouseUp Tout Quand l’utilisateur relâche un bouton de la souris.  
OnReadyStateChange FORM Quand le document se charge.
OnReset FORM Quand le bouton RESET d’un formulaire est cliqué.  
OnResize BODY Quand l’utilisateur redimensionne la fenêtre du navigateur  
OnScroll BODY Quand l’utilisateur se sert des barres de défilement de la page
OnSelect INPUT,
TEXTAREA
Quand l’utilisateur sélectionne du texte  
OnSubmit FORM Quand un formulaire est envoyé.  
OnUnLoad BODY,
FRAMESET

Quand le navigateur ferme la page HTML

 

 

Exemple :

Avec un document

<BODY OnLoad="alert (’Retour au-dessus’)">Cliquez ici !!</A>

Avec un lien
<A HREF="index.htm" OnClick="alert (’message’)">Lien hypertexte</A>

Avec un formulaire
<FORM OnSubmit="alert (’message’)">
<INPUT OnFocus="alert (’message’)">

etc.

Django (Oznog) Blais
Dernière mise à jour :

Commentaires

       Visites : 710 - Pages vues : 30501
X

Trucsweb.com Connexion

Connexion

X

Trucsweb.com Mot de passe perdu

Connexion

X

Trucsweb.com Conditions générales

Conditions

Responsabilité

La responsabilité des Trucsweb.com ne pourra être engagée en cas de faits indépendants de sa volonté. Les informations mises à disposition sur ce site le sont uniquement à titre purement informatif et ne sauraient constituer en aucun cas un conseil ou une recommandation de quelque nature que ce soit.

Aucun contrôle n'est exercé sur les références et ressources externes, l'utilisateur reconnaît que les Trucsweb.com n'assume aucune responsabilité relative à la mise à disposition de ces ressources, et ne peut être tenue responsable quant à leur contenu.

Droit applicable et juridiction compétente

Les règles en matière de droit, applicables aux contenus et aux transmissions de données sur et autour du site, sont déterminées par la loi canadienne. En cas de litige, n'ayant pu faire l'objet d'un accord à l'amiable, seuls les tribunaux canadien sont compétents.

X

Trucsweb.com Trucsweb

X

Trucsweb.com Glossaire

X

Trucsweb.com Trucsweb

X

Trucsweb.com Trucsweb

Conditions

Aucun message!

Merci.

X
Aucun message!
X

Trucsweb.com Créer un compte

Créer un compte

.
@