Rumah > hujung hadapan web > tutorial js > Bagaimana untuk Mengesan Penekanan Kekunci Anak Panah dalam JavaScript?

Bagaimana untuk Mengesan Penekanan Kekunci Anak Panah dalam JavaScript?

Linda Hamilton
Lepaskan: 2024-11-10 10:54:03
asal
513 orang telah melayarinya

How to Detect Arrow Key Presses in JavaScript?

Mengesan Penekanan Kekunci Anak Panah dalam JavaScript

Menentukan bila kekunci anak panah ditekan dalam JavaScript boleh mencabar kerana penyemak imbas mentafsirkannya secara berbeza disebabkan oleh penatalan lalai tingkah laku.

Menggunakan Acara onkeydown Pendengar

Seperti yang dinyatakan dalam isu, acara onkeypress tidak menangkap penekanan kekunci anak panah. Sebaliknya, anda perlu menggunakan pendengar acara onkeydown. Ubah suai fungsi anda seperti berikut:

function checkKey(e) {
    var event = window.event ? window.event : e;
    if (event.type === "keydown") {
        console.log(event.keyCode);
    }
}
Salin selepas log masuk

Kod Kekunci untuk Kekunci Anak Panah

Kod kekunci yang dikaitkan dengan kekunci anak panah ialah:

  • Kiri : 37
  • Ke atas: 38
  • Kanan: 39
  • Bawah: 40

Dengan menggunakan kod kekunci ini dalam keadaan anda, anda boleh mengesan penekanan kekunci anak panah secara khusus:

function checkKey(e) {
    var event = window.event ? window.event : e;
    if (event.type === "keydown") {
        switch (event.keyCode) {
            case 37:
                // Left key pressed
                break;
            case 38:
                // Up key pressed
                break;
            case 39:
                // Right key pressed
                break;
            case 40:
                // Down key pressed
                break;
        }
    }
}
Salin selepas log masuk

Atas ialah kandungan terperinci Bagaimana untuk Mengesan Penekanan Kekunci Anak Panah dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan