Avant de commencer les cours sur les événements, voici quelques exemples concrets.
Quand on change le contenu.
Est utilisé sur l'objet javascript formEst utilisé sur la balise HTML input, textarea, selectExemple : Tabpez du texte dans le champ texte et cliquez en dehors
Exemple de code :
<form><input type="text" value="" onchange="alert('onchange')"/></form>Lorsqu'il se produit une erreur de script.
Est utilisé sur l'objet javascript image, window, frame
Est utilisé sur la balise HTML mg, body, frame, frameset
Quand un objet gagne le focus.
Est utilisé sur l'objet javascript window, frame, formEst utilisé sur la balise HTML body, frameset, frame, inputExemple : cliquez dans le champ texte.
Exemple de code :
<form><input type="text" value="" onfocus="alert('onfocus')"/></form>Lorsque l'objet perd le focus.
Est utilisé sur l'objet javascript form, window, frameEst utilisé sur la balise HTML input, textarea, select, body, frame, framesetExemple : cliquez dans le champ texte et cliquez en dehors
Exemple de code :
<form><input type="text" value="" onblur="alert('onblur')"/></form>Quand j'appuie sur la touche.
Est utilisé sur l'objet javascript link, image, document, formEst utilisé sur la balise HTML a, img, body, textareaExemple : Tapez du texte dans le champ texte.
Exemple de code :
<form><input type="text" value="" onkeydown="alert('onkeydown')"/></form>Quand j'appuie sur une touche.
Est utilisé sur l'objet javascript link, image, document, formEst utilisé sur la balise HTML a, img, body, textareaExemple : Tapez du texte dans le champ texte.
Exemple de code :
<form><input type="text" value="" onkeypress="alert('onkeypress')"/></form>Quand je lâche la touche.
Est utilisé sur l'objet javascript link, image, document, formEst utilisé sur la balise HTML a, img, body, textarea et autreExemple : Tapez du texte dans le champ texte.
Exemple de code :
<form><input type="text" value="" onkeyup="alert('onkeyup')"/></form>Lors du chargement.
Est utilisé sur l'objet javascript image, window, frame
Est utilisé sur la balise HTML [img, body, frameset, frame
Quand le bouton de la souris est appuyé.
Est utilisé sur l'objet javascript link, document, formEst utilisé sur la balise HTML a, body, form et autreExemple : Cliquez sur le carré.
Exemple de code :
<div style="width:100px;height:100px;border:1px solid red" onmousedown="alert('onmousedown')"></div>Quand le curseur bouge.
Est utilisé sur l'objet javascript link, document, form
Est utilisé sur la balise HTML a, body, form
Quand je sors du lien.
Est utilisé sur l'objet javascript link, areaEst utilisé sur la balise HTML a, area et autreExemple : Passez la souris sur le bouton.
Exemple de code :
<form><input type="button" value="Bouton" onmouseout="alert('onmouseout')"/></form>Exemple de code :
<div style="width:100px;height:100px;border:1px solid red" onmouseout="alert('onmouseout')"></div>Quand je passe sur le lien
Est utilisé sur l'objet javascript link, areaEst utilisé sur la balise HTML a, area et autreExemple : Passez la souris sur le bouton.
Exemple de code :
<form><input type="button" value="Bouton" onmouseover="alert('onmouseover')"></form>Exemple de code :
<div style="width:100px;height:100px;border:1px solid red" onmouseover="alert('onmouseover')"></div>Quand le bouton de la souris est relâché.
Est utilisé sur l'objet javascript link, document, formEst utilisé sur la balise HTML a, body, input, et autreExemple : Cliquez sur le bouton.
Exemple de code :
<form><input type="button" value="Bouton" onmouseup="alert('onmouseup')"></form>Exemple de code :
<div style="width:100px;height:100px;border:1px solid red" onmouseup="alert('onmouseup')"></div>Quand je déplace la fenêtre.
Est utilisé sur l'objet javascript window, frame
Est utilisé sur la balise HTML body, frameset, frame
Quand je réinitialise.
Est utilisé sur l'objet javascript formsEst utilisé sur la balise HTML formExemple : Cliquez sur le sur le bouton.
Exemple de code :
<form onreset="alert('onreset')"><input type="reset" value="Bouton" /></form>Quand je redimensionne.
Est utilisé sur l'objet javascript window, frame
Est utilisé sur la balise HTML body, frameset, frame
Quand je sélectionne.
Est utilisé sur l'objet javascript form Est utilisé sur la balise HTML input, textareaExemple de code :
<form onsubmit="alert('onsubmit')"><input type="submit" value="Bouton" /></form>Quand j'envoie un formulaire.
Est utilisé sur l'objet javascript formEst utilisé sur la balise HTML formExemple : Cliquez sur le sur le bouton.
Exemple de code :
<form onsubmit="alert('onsubmit')"><input type="submit" value="Bouton" /></form>Quand on ferme la fenêtre.
Est utilisé sur l'objet javascript window, frame
Est utilisé sur la balise HTML body, frameset, frame
Quand je clique.
Est utilisé sur l'objet javascript link,document, formEst utilisé sur la balise HTML a, body, area et autreExemple : Cliquez sur le sur le bouton.
Exemple de code :
<form><input type="button" value="Bouton" onclick="alert('onclick')" /></form>Exemple de code :
<div style="width:100px;height:100px;border:1px solid red" onclick="alert('onclick')"></div>Quand on fait un double clique.
Est utilisé sur l'objet javascript link, document,areaEst utilisé sur la balise HTML a, body, area et autreExemple de code :
<div style="width:100px;height:100px;border:1px solid red" ondblclick="alert('ondlclick')"></div>L'utilisateur a stoppé le chargement de l'image.
Est utilisé sur l'objet javascript form, window, frame
Est utilisé sur la balise HTML input, textarea, select, body, frame, frameset