टैबिन्डेक्स फोकस स्टाइल

Question

मैंने छिपी सामग्री को सुलभ बनाने के लिए tabindex विशेषता के साथ div टैबबबल बनाया है।

वर्तमान में जब माउस के साथ क्लिक किया गया div ब्राउज़र :focus स्टाइल प्राप्त करता है।

क्या टैबबेल तत्व को केवल पर ध्यान केंद्रित करने का कोई तरीका है जब कीबोर्ड के माध्यम से उपयोग किया जाता है? एक एंकर तत्व डिफ़ॉल्ट रूप से यह है।

• tabindex='0' साथ Div माउस और कीबोर्ड बातचीत पर ब्राउज़र फोकस शैलियों हो जाता है
• एंकर कुंजीपटल बातचीत पर ब्राउज़र फोकस शैलियों हो जाता है केवल

मैं div लंगर का अनुकरण करना चाहते हैं। दुर्भाग्य से हालांकि यह एक एंकर बनाना एक विकल्प नहीं है।

कोई भी मदद महान होगी, मैं वास्तव में नुकसान में हूं। http://jsfiddle.net/LvXyL/2/

Answer 1

आप जावास्क्रिप्ट का उपयोग कर सकते हैं, तो कोशिश उपयोग onclick विशेषता: -

संपादित करें> यहाँ एक उदाहरण है।

खो फोकस

onclick="this.focus()" सेट ध्यान देने के लिए के लिए onclick="this.blur()"

उदाहरण जहां DIV क्लिक खो ध्यान केंद्रित करने पर और A फोकस http://jsfiddle.net/LvXyL/6/

नुकसान सेट कर दिया जाता दिखाई फोकस शैली है अगर आप एक लंबी के लिए माउस कुंजी पकड़ पहर।

Answer 2

निश्चित रूप से केवल फोकस-क्लास को div, और शैली में जोड़ें। मैं रूपरेखा बनाम सीमा का उपयोग करने की सलाह देते हैं। मैंने पहेली को अपडेट किया।

div:focus {outline: blue solid 2px;} 

कुब ने जेएस समाधान का सुझाव दिया, लेकिन यदि आपको वास्तव में आवश्यकता नहीं है तो जेएस का उपयोग क्यों करें?