Tetikus harus diaktifkan menggunakan papan kekunci?

1. Bagaimana saya menjadikan papan kekunci elemen saya boleh diakses?
2. Bagaimana kita boleh membuat elemen UI di papan kekunci laman web yang tidak fokus?

Bagaimana saya menjadikan papan kekunci elemen saya boleh diakses?

Elemen boleh diklik jika ia mempunyai pengendali acara onclick yang ditakrifkan. Anda boleh membuatnya fokus dengan menambahkan nilai atribut TabIndex = 0. Anda boleh membuatnya beroperasi dengan papan kekunci dengan mendefinisikan pengendali acara onkeydown; Dalam kebanyakan kes, tindakan yang diambil oleh pengendali acara harus sama untuk kedua -dua jenis peristiwa.

Bagaimana kita boleh membuat elemen UI di papan kekunci laman web yang tidak fokus?

Untuk membuat pencegahan elemen daripada mengambil fokus ("tidak difokuskan"), anda perlu menggunakan JavaScript untuk menonton fokus dan mencegah interaksi lalai. Untuk mengelakkan elemen daripada dilabelkan, gunakan TabIndex = -1 atribut. Menambah tabIndex = -1 akan menjadikan unsur-unsur yang fokus, bahkan elemen div.