Comment faire des ctrl + ... ? Fermé

Question

Bonjour, 
je me demandait si on pouvait "controler" le clavier ca serait plus simple de faire un ctrl + a plutot que execommand 
Si il ya un code pour le faire lequel ?
Sinon merci quand même 
Cordialement,

Panth33ra · Answer

Bonjour !
Sans doute que oui. Quelle est la marque de ton clavier ou est-ce un PC portable ?

Court · Answer

Salut,
qu'appelez vous contrôler le clavier?
que voulez vous faire exactement?

Votre question étant sur le JavaScript cela semble concerner une page web et une page web affichée dans le navigateur.
Hors ctrl+a est déjà un raccourci qui est utilisé(ou pomme+a) dans le navigateur puisque qu'il permet de sélectionner un texte. Cela voudrait dire que vous supprimer une fonctionnalité de base qui est utile à l'utilisateur et c'est jamais une bonne chose.

Pour ce qui est de gérer l'interactivité JavaScript sait faire cela très bien. Ce sont les écouteurs du clavier ou plus généralement la programmation événementielle(un événement déclenche une action ou fonction).

Voici un exemple avec le clavier:

https://www.w3schools.com/jsref/event_key_keycode.asp

et les équivalent de keyCode en touche du clavier:
http://www.javascriptkeycode.com/


Pour déclencher une action/fonction avec une combinaison de touche vous devez utiliser une variable qui va stocker l'état des touches enfoncées.
Si la combinaison de touches correspond alors vous déclencher la fonction.

Concrètement pour ctrl+a

/* un objet (en notation JSON) qui contient 2 attributs indiquant l'état de la touche : enfoncée(true) ou relâchée(false)*/
let keyboardInputsStates={
toucheCtrl:false,
toucheA:false
}
/* une fonction qui permet de changer l'état des touches*/
let inputStateChange = function(evt){
console.log('event type = '+evt.type+' , keyCode = '+evt.keyCode);
if(evt.keyCode==17){
   if(evt.type=='keydown'){
/* la touche ctrl est enfoncée on met sa variable à true, pour le type de l'objet event voir ici : https://www.w3schools.com/jsreF/event_type.asp*/
     keyboardInputsStates.toucheCtrl=true;
   }
 if(evt.type=='keyup'){
     keyboardInputsStates.toucheCtrl=false;/* même chose mais si la touche est relâchée on met sa valeur à false*/
 }
}
//-- code similaire pour la touche A du clavier
if(evt.keyCode==65){
  if(evt.type=='keydown'){keyboardInputsStates.toucheA=true;}
  if(evt.type=='keyup'){keyboardInputsStates.toucheA=false;}
  }
}

/* ajout des écouteurs d'événement clavier */
/** touche clavier enfoncée*/
document.addEventListener('keydown', function(e){
   inputStateChange(e);
console.log('States : Ctrl = '+keyboardInputsStates.toucheCtrl+' , a ='+keyboardInputsStates.toucheA);
   
      if(keyboardInputsStates.toucheCtrl && keyboardInputsStates.toucheA){
     alert('Ctrl+a sont enfoncés');
   }
   
});
/** touche clavier relâchée*/
document.addEventListener('keyup', function(e){
   inputStateChange(e);
console.log('States : Ctrl = '+keyboardInputsStates.toucheCtrl+' , a ='+keyboardInputsStates.toucheA);
});


Tout ceci peut être optimisé et adapté à ce que vous voulez faire bien sûr.
Par exemple ici ça va bloquer sur un message d'alerte ou la résolution de la condition tant que les touches sont enfoncées. Il faut désactiver les écouteurs(avec removeEventListener) pour les réactiver une fois l'action exécutée ou améliorer l'algorithme pour pas boucler l'action tant que les touches sont enfoncées.

Comment faire des ctrl + ... ?

2 réponses

Discussions similaires