Mouseover harus diaktifkan menggunakan keyboard?

1. Bagaimana cara membuat keyboard elemen saya dapat diakses?
2. Bagaimana kita bisa membuat elemen UI apa pun di keyboard halaman web tidak bisa fokus?

Bagaimana cara membuat keyboard elemen saya dapat diakses?

Elemen dapat diklik jika memiliki event handler ontclick ditentukan. Anda dapat membuatnya fokus dengan menambahkan nilai atribut tabIndex = 0 ke dalamnya. Anda dapat membuatnya dapat dioperasikan dengan keyboard dengan mendefinisikan event handler onKeydown; Dalam kebanyakan kasus, tindakan yang diambil oleh event handler harus sama untuk kedua jenis acara.

Bagaimana kita bisa membuat elemen UI apa pun di keyboard halaman web tidak bisa fokus?

Untuk membuat pencegahan elemen dari mengambil fokus ("tidak fokus"), Anda perlu menggunakan JavaScript untuk menonton fokus dan mencegah interaksi default. Untuk mencegah elemen menjadi tab, gunakan atribut TabIndex = -1. Menambahkan tabIndex = -1 akan membuat elemen apa pun bisa fokus, bahkan elemen div.