Comment résoudre une saisie de clé incorrecte lors d'une simulation de frappe dans Chrome ?

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 keyCode 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 :

<code class="js">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);</code>

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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!