मुझे अपने कस्टम निर्मित AJAX [div] आधारित गतिशील ड्रॉपडाउन को समाप्त करने में सहायता चाहिए।जावास्क्रिप्ट कीबोर्ड घटना प्राइमर? (या इसके बजाय: मेरी कस्टम ड्रॉपडाउन के साथ मेरी सहायता करें)
असल में, मेरे पास एक [इनपुट] बॉक्स है जो; onkeyup
, एक अजाक्स खोज चलाता है जो div
एस में परिणामों का एक गुच्छा देता है और innerHTML
का उपयोग करके वापस खींचा जाता है। ये div
सब पर प्रकाश डाला है onmouseover
इसलिए, एक ठेठ सफल खोज पैदावार निम्नलिखित संरचना (अर्द्ध कोड क्षमा):
[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]
यह काम करता है .. खूबसूरती से! सुरुचिपूर्ण लग रहा है और किसी भी नियमित ड्रॉपडाउन से अधिक पूर्ण तरीका है (वे परिणाम div बहुत सारी जानकारी लाते हैं)।
हालांकि, मैं नियमित HTML तत्वों के पीछे सबसे महत्वपूर्ण कार्यों को याद कर रहा हूं, यानी, मैं "विकल्प" के बीच कीबोर्ड या नीचे नहीं जा सकता। मैं यह कैसे करु? मुझे पता है जावास्क्रिप्ट हैंडल कुंजीपटल घटनाओं लेकिन; मैं यह कैसे करना है इस पर एक अच्छी मार्गदर्शिका नहीं पा रहा हूं। (बेशक, इसका अनुवर्ती प्रश्न अंततः समाप्त हो जाएगा: क्या मैं <ENTER>
का उपयोग onclick
ईवेंट ट्रिगर करने के लिए कर सकता हूं?)