Tôi cần trợ giúp hoàn thành tùy chỉnh thả xuống dựa trên [div] tùy chỉnh động của tôi.Lớp phủ sự kiện bàn phím Javascript? (hay đúng hơn là: giúp tôi với danh sách thả xuống tùy chỉnh của tôi)
Về cơ bản, tôi có hộp [đầu vào]; onkeyup
, chạy một tìm kiếm Ajax trả về một loạt các kết quả trong div
s và được rút lại bằng cách sử dụng innerHTML
. Những div
s tất cả đều có điểm nổi bật onmouseover
như vậy, một tìm kiếm thành công điển hình mang lại cơ cấu như sau (tha thứ bán-code):
[input]
[div id=results] //this gets overwritten contantly by my AJAX function
[div id=result1 onmouseover=highlight onclick=input.value=result1]
[div id=result2 onmouseover=highlight onclick=input.value=result2]
[div id=result2 onmouseover=highlight onclick=input.value=result2]
[/div]
Nó hoạt động .. đẹp! trông thanh lịch và là cách hoàn chỉnh hơn bất kỳ dropdown thường xuyên (những kết quả div mang lại rất nhiều thông tin).
Tuy nhiên, tôi thiếu nhiều chức năng quan trọng nhất đằng sau các phần tử HTML thông thường, nghĩa là tôi không thể tắt hoặc vuốt giữa "tùy chọn". Làm thế nào để tôi làm điều này? Tôi biết javascript xử lý các sự kiện bàn phím nhưng; Tôi đã không thể tìm thấy một hướng dẫn tốt về cách làm điều này. (Tất nhiên, câu hỏi tiếp theo cho điều này cuối cùng sẽ kết thúc là: tôi có thể sử dụng <ENTER>
để kích hoạt sự kiện onclick
đó không?)