jQuery

Question

के साथ दबाने वाली टैब कुंजी को अनुकरण करें मेरे पास .net-page पर कुछ टेक्स्टबॉक्स हैं और jQuery के साथ निम्नलिखित प्राप्त करना चाहते हैं: यदि उपयोगकर्ता वापस दबाता है, तो प्रोग्राम को "जैसे" उन्होंने टैब कुंजी का उपयोग करना चाहिए, इस प्रकार , अगले तत्व का चयन करें। मैं निम्नलिखित कोड (और कुछ अधिक) की कोशिश की:

<script type="text/javascript"> 

jQuery(document).ready(function() { 

    $('.tb').keypress(function (e) { 
     if (e.keyCode == 13) 
     { 
      $(this).trigger("keydown", [9]); 
      alert("return pressed"); 
     } 
    }); 
}); 

<asp:TextBox ID="TextBox1" runat="server" CssClass="tb"></asp:TextBox> 
<asp:TextBox ID="TextBox2" runat="server" CssClass="tb"></asp:TextBox> 

लेकिन यह सिर्फ काम नहीं करता है! कुछ गलती करना, गलती करना?

ये कुछ लिंक मैं

इस्तेमाल किया

here

and here

Answer 1

इस प्रयास करें:

http://jsbin.com/ofexat

$('.tg').bind('keypress', function(event) { 
    if(event.which === 13) { 
    $(this).next().focus(); 
    } 
}); 

या पाश संस्करण: http://jsbin.com/ofexat/2

Answer 2

प्रयास करें इस

$(this).trigger({ 
    type: 'keypress', 
    which: 9 
}); 

Answer 3

मैं एक simple jQuery plugin जो इस समस्या को हल करता है बनाया। यह अगले 'टैबबेल' तत्व को खोजने के लिए jQuery UI के 'टैबबबल' चयनकर्ता का उपयोग करता है और इसे चुनता है।

उदाहरण उपयोग:

// Simulate tab key when enter is pressed   
$('.tb').bind('keypress', function(event){ 
    if(event.which === 13){ 
     if(event.shiftKey){ 
      $.tabPrev(); 
     } 
     else{ 
      $.tabNext(); 
     } 
     return false; 
    } 
}); 

Answer 4

एकाधिक जवाब से मैं, जहां इनपुट पर टैब के रूप में कार्य करता है दर्ज करें और और अगले इनपुट पर ध्यान केंद्रित करने लगते हैं, का चयन करें या पाठ क्षेत्र है, जबकि मेरे लिए एकदम सही समाधान संयुक्त है पाठ क्षेत्र के अंदर प्रवेश की अनुमति देता है ।

$("input,select").bind("keydown", function (e) { 
    var keyCode = e.keyCode || e.which; 
    if(keyCode === 13) { 
     e.preventDefault(); 
     $('input, select, textarea') 
     [$('input,select,textarea').index(this)+1].focus(); 
    } 
});