Simulation de frappe dans Chrome : dépannage d'une saisie de clé incorrecte

Dans une application Web créée à l'aide de Chrome, la simulation d'un événement de frappe sur un élément de zone de texte peut rencontrer des défis. Malgré la tentative de spécification d'un code clé spécifique, la zone de texte peut recevoir une valeur de clé incorrecte, telle que la touche Entrée au lieu de la clé souhaitée.

Pour résoudre ce problème, vous pouvez utiliser un code personnalisé qui remplace à la fois le ' propriétés keyCode' et 'which' dans l'objet 'KeyboardEvent'. « keyCode » est une propriété héritée qui a été dépréciée au profit de « which ». Chrome se comporte différemment avec ces propriétés :

• Le remplacement de "keyCode" uniquement est nécessaire dans Firefox ou Safari.
• Dans Chrome, vous devez remplacer à la fois "keyCode" et "which".

Le code suivant fournit un exemple de la façon de simuler un événement keydown avec la valeur « which » correcte dans Chrome :

var keyEvent = document.createEvent('KeyboardEvent');

// Override 'keyCode' and 'which' properties
Object.defineProperty(keyEvent, 'keyCode', { get: function() { return this.keyCodeVal; } });
Object.defineProperty(keyEvent, 'which', { get: function() { return this.keyCodeVal; } });

keyEvent.initKeyboardEvent('keydown', true, false, null, 0, false, 0, false, 77, 0);
keyEvent.keyCodeVal = 77;
inputNode.dispatchEvent(keyEvent);

Ce code remplace les propriétés « keyCode » et « which », garantissant que Chrome interprète correctement l'événement et déclenche la valeur de clé souhaitée (77) pour la touche « m ».