टैब इनपुट को अनुकरण क्यों नहीं करता है अगले इनपुट फ़ील्ड पर फ़ोकस करें?

Question

नोट this प्रश्न। मैं देखता हूं कि टैब कीप्रेस ईवेंट को ट्रिगर करने के अलावा अन्य दृष्टिकोण भी हैं, लेकिन मैं अभी भी जानना चाहता हूं कि टैब कुंजी प्रेस ईवेंट ट्रिगर करने से अगले इनपुट फ़ील्ड पर फ़ोकस नहीं होता है।

Code Pen

एचटीएमएल

<textarea></textarea> 
<textarea></textarea> 
<textarea></textarea> 

जे एस

$('textarea').on('keydown', function(e) { 
    if (e.metaKey && e.which === 40) { 
    console.log('test'); 
    $(this).trigger({ 
     type: 'keypress', 
     which: 9 
    }); 
    } 
}); 

Answer 1

क्योंकि टैब घटना एक देशी ब्राउज़र घटना/फोकस को बदलने के लिए कार्रवाई है। .trigger() फ़ंक्शन केवल ईवेंट हैंडलर को ट्रिगर करता है जो इसे सौंपा गया है। नोट अधिक jQuery's site से दी गई जानकारी होती है:

.trigger() फ़ंक्शन ऐसी फ़ाइल इनपुट बॉक्स या एक लंगर टैग पर क्लिक करने के रूप स्थानीय ब्राउज़र घटनाओं, नकल करने के लिए नहीं किया जा सकता। ऐसा इसलिए है क्योंकि, इन घटनाओं के अनुरूप jQuery की घटना प्रणाली का उपयोग करके कोई ईवेंट हैंडलर संलग्न नहीं है।

इसके लिए एक प्लग-इन है, हालांकि इसे संभालने के लिए jquery-simulate कहा जाता है। कहा जा रहा है कि tab कुंजी बदलना फोकस वास्तव में वेब ब्राउज़र में एक डिफ़ॉल्ट कार्रवाई है। एक ब्राउज़र देशी घटना फायरिंग मतलब यह नहीं है के रूप में KeyboardEvents के लिए दस्तावेज़ का उल्लेख है, यह डिफ़ॉल्ट क्रिया है क्या करेंगे:

ध्यान दें कि मैन्युअल रूप से एक घटना फायरिंग उस घटना के साथ जुड़े डिफ़ॉल्ट क्रिया उत्पन्न नहीं करता है। उदाहरण के लिए, मैन्युअल रूप से एक महत्वपूर्ण घटना को फायर करने से उस पत्र को फ़ोकस किए गए टेक्स्ट इनपुट में प्रकट नहीं होता है। यूआई घटनाओं के मामले में, सुरक्षा कारणों से यह महत्वपूर्ण है, क्योंकि यह स्क्रिप्ट को उपयोगकर्ता क्रियाओं को अनुकरण करने से रोकता है जो ब्राउज़र के साथ बातचीत करता है।