जावास्क्रिप्ट का उपयोग करके, आप कैसे बता सकते हैं कि कोई उपयोगकर्ता पिछड़ा टैबबिंग कर रहा है या नहीं?

Question

मेरे पास एक HTML लिंक है, और जब मैं उपयोगकर्ता से दूर टैब करता हूं तो मैं कुछ कार्रवाई करना चाहता हूं - लेकिन केवल तभी जब उपयोगकर्ता दस्तावेज़ के माध्यम से पीछे की तरफ झुकाव कर रहा हो।

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

मैं document.activeElement का मूल्य, या स्रोत में पिछले फ़ोकस करने योग्य तत्व की hasFocus विशेषता निरीक्षण पर एक नज़र लिया है, लेकिन:

उन
1. अपेक्षाकृत हाल ही में की तरह लग, और इस तरह नहीं हो सकता है व्यापक रूप से समर्थित, और
2. मुझे यकीन नहीं है कि blur ईवेंट आग लगने पर वे निरीक्षण करेंगे, भले ही उपयोगकर्ता टैबबिंग कर रहा हो, मुझे नहीं लगता कि अगला तत्व अभी तक केंद्रित होगा।

Answer 1

आपको लिंक पर keydown ईवेंट को संभालना होगा।

$("your link selector").keydown(function(evt){ 
    if (evt.which === 9) 
    { 
     if(evt.shiftKey === true) 
     { 
      // user is tabbing backward 
     } 
     else 
     { 
      // User is tabbing forward 
     } 
    } 
}); 

चेक इस JSFiddle example कि आगे और पीछे किसी विशेष लिंक पर tabbing पता लगाता है।

Sidenote: हालांकि मैं अपने जवाब में jQuery कोड प्रदान की आप अपने प्रश्न अल पर jQuery टैग निर्दिष्ट नहीं किया। चूंकि आप जावास्क्रिप्ट के साथ-साथ jQuery बैज धारण करते हैं, मुझे लगता है कि मेरे कोड को शुद्ध जावास्क्रिप्ट में परिवर्तित करने के लिए यह छोटा हो जाएगा।

Answer 2

रॉबर्ट से अच्छे समाधान के विकल्प के रूप में, शायद आप tabindex विशेषता का लाभ उठा सकते हैं? इसे अपने एचटीएमएल लिंक और अन्य "टैबबल" वस्तुओं के लिए सेट करें। फिर इसे जावास्क्रिप्ट में देखें। tabindex साथ

समाधान: jsfiddle

साइड प्रभाव: तत्वों भी माउस क्लिक पर प्रतिक्रिया करेंगे। वे सही तरीके से व्यवहार करेंगे। तो यह आपकी आवश्यकताओं के आधार पर एक अच्छा दुष्प्रभाव या बुरा दुष्प्रभाव हो सकता है।