Bagaimana untuk Menyelesaikan Input Kunci yang Salah Semasa Simulasi Keydown dalam Chrome?

Simulasi Keydown dalam Chrome: Menyelesaikan Masalah Input Kunci Salah

Dalam aplikasi web yang dibina menggunakan Chrome, mensimulasikan acara keydown pada elemen textarea boleh menghadapi cabaran. Walaupun cuba untuk menentukan Kod kunci tertentu, kawasan teks mungkin menerima nilai kunci yang salah, seperti kekunci Enter dan bukannya kunci yang diingini.

Untuk menyelesaikan isu ini, anda boleh menggunakan kod tersuai yang mengatasi kedua-dua ' keyCode' dan 'which' properties dalam objek 'KeyboardEvent'. 'keyCode' ialah harta warisan yang telah ditamatkan dan memihak kepada 'which'. Chrome berkelakuan berbeza dengan sifat ini:

• Mengatasi 'keyCode' sahaja diperlukan dalam Firefox atau Safari.
• Dalam Chrome, anda perlu mengatasi kedua-dua 'keyCode' dan 'which'.

Kod berikut memberikan contoh cara mensimulasikan acara keydown dengan nilai 'mana' yang betul dalam 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>

Kod ini mengatasi 'Kod kunci' dan ' which', memastikan Chrome mentafsir peristiwa dengan betul dan mencetuskan nilai kunci yang diingini (77) untuk kekunci 'm'.

Atas ialah kandungan terperinci Bagaimana untuk Menyelesaikan Input Kunci yang Salah Semasa Simulasi Keydown dalam Chrome?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!