क्रोम में div पर keydown ईवेंट कैसे प्राप्त कर सकता हूं?

Question

मैं एक div पर keydown घटनाएं प्राप्त करना चाहता हूं। मैं JQuery keydown का उपयोग करें। बहुत साधारण।

हालांकि, यह क्रोम पर काम नहीं करता है। क्रोम पर काम करने के लिए, मुझे tabindex = 0.

यदि मैं ऐसा करता हूं, तो क्रोम मेरे div के चारों ओर एक बदसूरत नारंगी सीमा रखता है।

क्या इस काम को बदसूरत नारंगी सीमा के बिना क्रोम पर बनाने का कोई तरीका है?

Answer 1

कीडाउन ईवेंट केवल HTML तत्व को भेजा जाता है जिसमें फोकस होता है। फोकस करने योग्य तत्व ब्राउज़र के बीच भिन्न होते हैं, लेकिन टैबिएंडेक्स संपत्ति के तत्व सेट किए जाने वाले तत्व हमेशा अधिकांश ब्राउज़रों में फोकस कर सकते हैं।

आप पहले से ही div तत्व के लिए tabindex सेट कर चुके हैं ताकि यह फोकस करने योग्य हो और कीबोर्ड ईवेंट प्राप्त कर सके। आपकी समस्या Google क्रोम पर वर्तमान में केंद्रित तत्व की डिफ़ॉल्ट रूपरेखा है।

रूपरेखा (जैसा कि आपने उल्लेख किया है "बदसूरत नारंगी सीमा") को बदलने के लिए, छद्म सीएसएस वर्ग का उपयोग करें: फोकस और सीएसएस संपत्ति की रूपरेखा। निम्न उदाहरण फोकस होने पर सभी तत्वों से रूपरेखा हटा देगा:

*:focus 
{ 
    outline: none; 
} 

इस सहायता की आशा करें।