Event.type est une propriété en lecture seule qui retourne une chaîne de caractères contenant le type de l'événement. Le type est défini lors de la construction de l'événement et est le nom d'usage pour se référer à celui-ci.
L'argument event de EventTarget.addEventListener()
et EventTarget.removeEventListener()
n'est pas sensible à la casse.
Pour une liste des types d'événements disponibles, aller voir la page Events
Syntaxe
event.type
Exemples
var string = event.type;
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8">
<title>Event.type Example</title>
<script> var currEvent = null;
function getEvtType(evt) { console.log("//Start------------getEvtType(evt)------------ ");
currEvent = evt.type; console.log(currEvent);
//document.getElementById("Etype").firstChild.nodeValue = currEvent; document.getElementById("Etype").innerHTML = currEvent;
console.log("//End--------------getEvtType(evt)------------ "); }
//Keyboard events document.addEventListener("keypress", getEvtType, false); //[second]
document.addEventListener("keydown", getEvtType, false); //first document.addEventListener("keyup", getEvtType, false); //third
//Mouse events document.addEventListener("click", getEvtType, false); // third
document.addEventListener("mousedown", getEvtType, false); //first document.addEventListener("mouseup", getEvtType, false); //second
</script> </head>
<body>
<p>Press any key or click the mouse to get the event type.</p> <p>Event type: <span id="Etype" style="color:red">-</span></p>
</body> </html>
Spécifications
Spécification | Statut | Commentaire |
---|---|---|
DOM La définition de 'Event.type' dans cette spécification. |
Standard évolutif | |
DOM4 La définition de 'Event.type' dans cette spécification. |
Recommendation | |
Document Object Model (DOM) Level 2 Events Specification La définition de 'Event.type' dans cette spécification. |
Recommendation | Première définition. |