événements clavier et js événement tactile

Tout d' abord, les événements de clavier
événement clavier ne peut pas lier une étiquette oufenêtre de document doit être exactement le même effetutilisant deux. Les étiquettes peuvent obtenir le focus: boutonsélection textarea entrée a. . .

1, appuyez sur le bouton keydown de déclenchement, si maintenue enfoncée, sera toujours déclencheur

// appuyez sur une touche du clavier, événement déclencheur 
window.onkeydown = fonction () { 
　　le console.log ( 12 est ); 
} 
// Appuyer sur une touche du clavier, événement déclencheur 
document.onkeydown = fonction () { 
　　le console.log ( 34 est ) ; 
}

2, événement boutonné keyup

// Lorsque vous appuyez sur une touche du clavier, déclenche la libération, il ne se déclenche pas enfoncée, si en même temps de pressage multiples, toute libération déclenchera une 
window.onkeyup = fonction () { 
    console.log ( 12 ); 
} 
// appuyez sur une touche du clavier, déclenche la libération, il n'a pas déclenché en appuyant sur, si une pluralité de pression simultanée, déclenche la libération d'une 
document.onkeyup = fonction () { 
    Console. log ( 34 est ); 
}

3, ajouter des étiquettes événements connexes

// Ajouter étiquette événement 
var oDiv = document.querySelector ( 'div' );
 // Object .onkeydown / la onkeyup 
oDiv.onkeydown = fonction () { 
    le console.log ( 56 est ); 
}

4, l'objet événement clé
e.key l' enregistrement des noms clés (pas de distinction entre le pavé numérique) enfoncée
e.keycode chaque touche correspond à une valeur sans faire double emploi, chaque clé utilisée pour distinguer cette version faible compatible Firefox besoin de le faire traitement: la variable var = e.keycode || e.which

window.onkeydown = fonction (e) { 
    console.log (e); 
}

5, la combinaison de touches
ctrl alt shift + autre combinaison de touches

E objet événement a trois propriétés
ctrlKey résultat appuyez sur ctrl n'est pas vrai dessiné à de faux résultats
altKey appuyant sur alt résultat n'est pas vrai dessiné à de faux résultats
du résultat de changement de presse n'est pas fidèle à tirer des résultats faux

// est la clé déterminée est pressée E + ctrl (69) 
window.onkeydown = fonction (E) {
     IF (== e.ctrlKey true && e.keycode == 69 ) { 
        le console.log ( « touche ctrl et appuyez clé e ' ) 
    } 
}    

En second lieu , l'événement tactile (principalement pour un terminal mobile)
touchstart toucher démarrer
extrémité tactile touchEnd
touchmove mouvement tactile
autre événement est une combinaison de ces trois événementsutilisant
une pression longue: touche la différence est supérieure à l'heure de fin (1 seconde ou 0,5 secondes, un navigateur prédéterminé et non fermé avec js)

2, Touch: Le temps de contact de moins de 100 millisecondes,
3, à gauche: touche début, fin tactile, la différence de coordonnées

4. Événements spéciaux:
quand sur-end: transitionend lorsque plus fin
lorsque la fin de l'animation: animationend lorsque la fin de l'animation

// Il y a plusieurs propriétés exécutées, le programme effectue plusieurs opérations de 
var oDiv = document.querySelector ( 'div' ); 
oDiv.ontransitionend = fonction () { 
    le console.log ( 'sur l'extrémité d'un' ) 
}