Tayo
Astuce et Tutorial » Programmation / Developpement » Javascript » Aide rédigée par Zabuza
Description de cet article : onclick, onalert, onmouseover...
Lire les commentaires

Liste des évènements javascript





L'utilisation des évènements javascript est particulièrement simple à prendre en main. Il convient de les placer dans une balise html. Vous pouvez en placer plusieurs dans une même balise html.

Voici donc une petite liste contenant les différents évènements javascript possibles.































































































Petit conseil :

Préférez utilisez les évènements ( tout comme n'importe quel "code" ) en minuscules quand cela est possible. Ainsi utilisez onclick et non onClick. L'intérêt est plutôt faible, si ce n'est de respecter un standart w3C.


 Notez bien la correspondance entre guillemets " et apostrophes ' :


Code :

     onclick="alert('Vous avez cliquez')" src="http://staloa.free.fr/images/autrucheb.jpg" _fcksavedurl="http://staloa.free.fr/images/autrucheb.jpg" alt="Autruche" />Cliquez ici

 


Ce qui affichera :


Autruche

 


Evènement Description  Exemple
onclick  Lorsque vous cliquez...

Cliquez :

Autruche


onclick="alert('Vous avez cliquez')"


ondblclick  Lorsque vous double cliquez... Cliquez :

Autruche

ondblclick="alert('Vous avez double cliquez')" 
onmousedown  L'évènement OnMouseDown est déclenché par l'action de relacher un bouton de la souris  Voir onmouseup
onmouseup  L'évènement OnMouseUp est déclenché par l'action de relacher un bouton de la souris

 

onmousedown="document.all('sortie').innerHTML += '

OnMouseDown';"

onmouseup="document.all('sortie').innerHTML += '

OnMouseUp';"


 


onmousemove  Lorsque vous bougez la souris d'un point à un autre du même objet.  
onmouseover  Lorsque vous passez la souris sur l'objet.

Autruche


onmouseover="this.style.border='solid 3px red'


onmouseout  Lorsque vous sortez la souris de l'objet ( vous ne le pointez plus ).

Autruche


onmouseout="this.style.border=''"


onkeypress  Lorsque vous appuyez sur une touche du clavier

 

onkeydown  Lorsque vous maintenez une touche du clavier  
onkeyup  Lorsque vous relachez une touche du clavier  
onabort Lorsquez l'utilisateur annule le chargement d'un objet ( une image )  
onblur Evenement javascript se produisant quand un élémént perd le focus  ( il n'est plus ciblé )
onload On load signifie "en chargement", donc se produit quand le navigateur charge l'élément.

 




onselect Se produit lorsque l'internaute selectionne une partie de texte dans un objet Selectionnez un mot
 onresize Lié à la fenêtre du navigateur. Evènement se produisant lorsque l'on redimenssione la fenêtre  
 onunload Lorsque la page en cours est quité  
onsubmit Lorsque vous envoyez un formulaire ( connection login par exemple ). Ne s'utilise que dans

 

 


réduireNews
réduireTutoriel lié
  • Empecher sélection javascript
    Comment empêcher de copier un texte sélectionné
  • Liste des évènements javascript
    onclick, onalert, onmouseover...
  • Round Javascript : Arrondir un nombre.
    Comment arrondir un nombre en javascript ?
  • Fonction addslashes pour javascript
    Problème de guillemets en javascript ?
  • Dans la même catégorie : Javascript

    Passer l'activation de Windows 7 temporairement avec invite de commande

    Comprendre l'API Youtube pour gérer le temps des vidéo
    réduireSocial

    rss 3D png rss 3D png


    Pseudo :
    Pass :
    Les lecteurs ont donné une note moyenne de :
    note 6
    Note: 6 sur 10

    Donnez votre note à ce tuto sur 10 :

    Une balise html permettant d'afficher des mots au passage de la souris

    Comment empêcher de copier un texte sélectionné

    Comprendre l'API Youtube pour gérer le temps des vidéo

    Liste des commentaires pour Liste des évènements javascript


    Il y a 7 annes, 4 mois
    :evil: :twisted: :evil:
    Votre PseudoIl y a 0mn
    Votre commentaire forum
    Vous avez la parole
    Laissez un commentaire sur cet article.
    Pseudo :


    Facultatif : Cliquez ici pour choisir une tête
    Votre email ( non publié ) :

    Image anti spam :
    Code Image
    Recopier les 5 chiffres de cette image :






    Prendre contact avec Tayo.fr : Formulaire Tayo

    Tayo.fr, copyright jusqu'en 2233 ( Au moins ! ).