Retourner à la page d'accueil de TJS

Objet : Event

          

Objet de type Evénement pour la gestion des interactions sur les objets de la page

Syntaxe
evt = new Event(String nom, [JSON properties])

Description
Crée un objet Event de type nom.
L'objet properties au format JSON contient les éléments suivants :
"bubbles" : Booléen qui indique si l'événement remonte (comme une bulle) dans le DOM. False par défaut.
"cancelable" : Booléen qui indique si l'événement est annulable. False par défaut.

La bonne gestion des événements est indispensable dans tous les projets web pour orchestrer correctement les actions de l'utilisateur, les appels au serveur, les éventuelles erreurs, ...

Un détecteur événement est ajouté sur un élément avec la méthode addEventListener() sur HTMLElement.

Un événement est forcé sur un élément avec la méthode dispatchEvent().


Propriétés
bubbles (Booléen qui indique si l'événement remonte dans le DOM, à l'image d'une bulle dans l'eau)
cancelable (Booléen qui indique si l'action par défaut d'un événement est annulable avec preventDefault())
cancelBubble (Booléen qui indique si la remontée de l'événement est annulée)

Méthodes
preventDefault() (Annule le comportement par défaut de l'événement)
stopPropagation() (Bloque la propagation de l'événement dans le DOM)

Sous-objet
target (Objet sur lequel l'événement a été détecté)

Exemple Création d'un Event
Code source
<script>
var evt=new Event("click");
document.write("bubbles: "+evt.bubbles+"<br>");
document.write("cancelable: "+evt.cancelable+"<br>");
document.write("target: "+evt.target+"<br>");

console.log(evt);
</script>

Résultat
Emulation de la console
Explication
Création d'un Event basique et affichage de ses propriétés.
target vaut null puisque l'événement n'est associé à aucun objet lors de sa création.
Page mise à jour le

Chercher une fonction, un objet, ...

Le graph des objets Javascript



Chargement
en cours...

Nouveau service en ligne de TJS

cleanMyJS : Détectez toutes les erreurs JavaScript de vos sitescleanMyJS.com
Détectez, enregistrez et analysez toutes les erreurs JavaScript de vos sites
Le 13/12/2018 18:48:15 sur php7 en 26.36 ms