Si (window.event)
oEvent = window.event;
oDiv.innerHTML = oEvent.button; //Valeur du bouton de sortie
}
document.onmousedown = TestClick;
window.onload = TestClick; //Test qu'aucune touche n'est enfoncée
2. Événements de clavier
Il n'existe pas beaucoup de types d'événements de clavier, seulement trois types d'événements.
keydown (appuyez sur une touche et maintenez-la enfoncée pour déclencher en continu)
appui sur une touche (déclenché lorsqu'une touche est enfoncée et qu'un caractère est généré, c'est-à-dire que les touches de fonction telles que Shift, Alt, ctrl, etc. sont ignorées)
keyup (déclenché lorsqu'une touche est relâchée)
Exemple de surveillance du clavier :
handle de fonction (oEvent) {
If (window.event) oEvent = window.event; // Compatibilité du traitement, obtenir les objets événement
var oDiv = document.getElementById("display");
oDiv.innerHTML = oEvent.type " " //Nom de l'événement de sortie
;
}
window.onload = function() {
var oTextArea = document.getElementById("textin");
oTextArea.onkeydown = handle; //Écouter tous les événements du clavier
oTextArea.onkeyup = handle;
oTextArea.onkeypress = handle;
}
Est équivalent au code clé dans l'événement keypress, donc la méthode suivante est utilisée.
Copier le code
La raison pour laquelle keyCode n'est pas utilisé est qu'il représente les touches du clavier, pas les caractères de sortie. Par conséquent, lors de la sortie de "a" et "A", le code clé est équivalent et le charcode se distingue par des caractères.
De plus, en appuyant sur une touche, la valeur du code clé du DOM standard est toujours 0 ;
Exemple : Propriétés liées aux événements de clavier :
Copier le code
Le code est le suivant :
handle de fonction (oEvent) {
var oDiv = document.getElementById("display");
If (window.event) oEvent = window.event; // Compatibilité du traitement, obtenir les objets événement
//Définissez la valeur de ie charcode
oEvent.charCode = (oEvent.type == "keypress") ? oEvent.keyCode : 0;
oDiv.innerHTML = oEvent.type ":charCode" oEvent.charCode "keyCode" oEvent.keyCode "
" //Test de sortie
}
window.onload = function() {
var oTextArea = document.getElementById("textin");
oTextArea.onkeydown = handle; //Écouter tous les événements du clavier
oTextArea.onkeypress = handle;
}
Pour les navigateurs, divers événements HTML ont leurs propres événements, dont certains sont souvent rencontrés par les utilisateurs, comme le chargement, l'erreur, la sélection, etc. Les événements HTML couramment utilisés sont les suivants :
L'événement de chargement est l'un des événements couramment utilisés, car avant le chargement de la page, le framework DOM n'a pas été construit, donc aucune opération associée ne peut se produire.
Attribuez une charge à l'objet window, et l'événement unload est équivalent aux méthodes onload et onunload de la balise
.