Event.type
Baseline
Widely available
Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis juillet 2015.
La propriété en lecture seule Event.type retourne une chaîne de caractères (string) 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, tel que click, load ou error.
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 Référence des évènements.
Syntaxe
js
event.type;
Exemples
html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Event.type Example</title>
<script>
var currEvent;
function getEvtType(evt) {
console.group();
currEvent = evt.type;
console.log(currEvent);
document.getElementById("Etype").innerHTML = currEvent;
console.groupEnd();
}
//Évènements du clavier
document.addEventListener("keypress", getEvtType, false); //[second]
document.addEventListener("keydown", getEvtType, false); //premier
document.addEventListener("keyup", getEvtType, false); //troisième
//Évènements de la souris
document.addEventListener("click", getEvtType, false); // troisième
document.addEventListener("mousedown", getEvtType, false); //premier
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>
Résultat
Spécifications
| Specification |
|---|
| DOM # ref-for-dom-event-type④ |
Compatibilité des navigateurs
Chargement…