événement.altKey
Fonction : Détecter si la touche Alt est enfoncée lorsque l'événement se produit.
Syntaxe : event.altKey
Valeur : vrai | faux
illustrer:
L'attribut altKey est vrai pour indiquer que la touche Alt a été enfoncée et maintenue lorsque l'événement s'est produit, et faux pour indiquer que la touche Alt n'a pas été enfoncée.
L'attribut altKey peut être utilisé en combinaison avec la souris ou le clavier et est principalement utilisé pour créer des opérations de raccourci.
événement.ctrlKey
Fonction : Détecter si la touche Ctrl est enfoncée lorsque l'événement se produit.
Syntaxe : event.ctrlKey
Valeur : vrai | faux
illustrer:
Si l'attribut ctrlKey est vrai, cela signifie que la touche Ctrl a été enfoncée et maintenue lorsque l'événement s'est produit. S'il est faux, la touche Ctrl n'a pas été enfoncée.
L'attribut ctrlKey peut être utilisé conjointement avec la souris ou le clavier et est principalement utilisé pour créer des opérations de raccourci.
événement.shiftKey
Fonction : Détecter si la touche Shift est enfoncée lorsque l'événement se produit.
Syntaxe : event.shiftKey
Valeur : vrai | faux
illustrer:
Si la propriété shiftKey est vraie, cela signifie que la touche Maj a été enfoncée lorsque l'événement s'est produit. Si elle est fausse, la touche Maj n'a pas été enfoncée.
L'attribut shiftKey peut être utilisé en combinaison avec la souris ou le clavier et est principalement utilisé pour créer des opérations de raccourci.
Exemple 1
Exemple d'opérations combinées.
Copiez le code comme suit :
<input id="txt1" type="text" value="Bonjour tout le monde !" onclick="checkAlt(event)" />
<script type="text/javascript">
fonction checkAlt (oEvent)
{
si(oEvent.altKey)
document.getElementById("txt1").select();
}
</script>
L'effet de ce code est :
Si vous maintenez la touche Alt enfoncée et cliquez sur la zone de texte ci-dessus, vous pouvez sélectionner le texte dans la zone de texte.
Exemple 2
Exemple d'opérations combinées.
Copiez le code comme suit :
<input id="txt2" type="text" value="Bonjour tout le monde !" onclick="clearText(event)" />
<script type="text/javascript">
fonction clearText(oEvent)
{
if( oEvent.ctrlKey && oEvent.keyCode==46 )
document.getElementById("txt2").value = "";
}
</script>
L'effet de ce code est :
Utilisez la combinaison de touches "Ctrl+Suppr" pour effacer le contenu de la zone de texte ci-dessus. (La zone de texte doit être ciblée en premier. Cet exemple s'applique uniquement au navigateur IE.)
Exemple 3
Exemple d'opérations combinées.
Copiez le code comme suit :
<div id="box" onclick="setColor(event)"></div>
<script type="text/javascript">
varb = vrai ;
fonction setColor(oEvent)
{
si ( oEvent.shiftKey && b )
document.getElementById("box").style.backgroundColor = "bleu";
if( oEvent.shiftKey && !b )
document.getElementById("box").style.backgroundColor = "red";
b = !b;
}
</script>
L'effet de ce code est :
Maintenez la touche "Shift" enfoncée et cliquez sur le bloc de couleur ci-dessus avec la souris pour changer la couleur du bloc de couleur.