javascript - Kotak carian Zhihu masih mempunyai fokus walaupun terdapat menu drop-down Apakah prinsipnya?

Question

Apabila menggunakan kekunci atas dan bawah untuk menatal menu lungsur, fokus input masih dikekalkan dalam kotak carian. Bagaimanakah ini dilakukan?

Answer 1

Oleh kerana tumpuan harus sentiasa berada pada kotak carian, mendengar acara papan kekunci input,
apabila kekunci arah ditekan, ia diserahkan kepada pengurusan menu lungsur ke bawah mengira indeks mengikut arah , dan menambah gaya pengaktifan pada entri yang sepadan