Retourner ' la page d'accueil de TJSRetourner ' 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])

Compatible tous navigateurs

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 1 : 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

Troisième édition Tout JavaScript chez Dunod

Tout JavaScript le livre chez DunodEn savoir plus
Sortie le 4 janvier 2023

Version papier 29€90
Format électronique 22€99.

Commandez en ligne

Chercher une fonction, un objet, ...

Le 19/04/2024 19:37:03 sur php 7 en 59.27 ms