घटना Jquery लिस्टबॉक्स बदलें कीबोर्ड स्क्रॉल

Question

मैं एक HTML प्रपत्र पर एक साधारण लिस्टबॉक्स और यह बहुत ही बुनियादी jQuery कोड

//Toggle visibility of selected item 
    $("#selCategory").change(function() { 
     $(".prashQs").addClass("hide"); 
     var cat = $("#selCategory :selected").attr("id"); 
     cat = cat.substr(1); 
     $("#d" + cat).removeClass("hide"); 
    }); 

परिवर्तन घटना ठीक आग मिल गया है पर आग नहीं करता है माउस, लेकिन जब मैं कीबोर्ड का उपयोग करके आइटम को स्क्रॉल करता हूं तो ईवेंट को निकाल दिया नहीं जाता है और मेरा कोड कभी निष्पादित नहीं होता है।

क्या इस व्यवहार के लिए कोई कारण है? और कामकाज क्या है?

Answer 1

onchange घटना आम तौर पर गोली चलाई नहीं है जब तक तत्व ध्यान केंद्रित खो देता है। आप onkeypress का उपयोग भी करना चाहेंगे। हो सकता है कि कुछ इस तरह:

var changeHandler = function() { 
    $(".prashQs").addClass("hide"); 
    var cat = $("#selCategory :selected").attr("id"); 
    cat = cat.substr(1); 
    $("#d" + cat).removeClass("hide"); 
} 

$("#selCategory").change(changeHandler).keypress(changeHandler); 

आप दोनों माउस और कीबोर्ड बातचीत क्रमशः के लिए खाते onchange और onkeypress दोनों चाहता हूँ।

Answer 2

कभी कभी परिवर्तन व्यवहार ब्राउज़र प्रति अलग हो सकता है, तो आप कुछ इस तरह कर सकता है एक समाधान के रूप:

//Toggle visibility of selected item 
    $("#selCategory").change(function() { 
     $(".prashQs").addClass("hide"); 
     var cat = $("#selCategory :selected").attr("id"); 
     cat = cat.substr(1); 
     $("#d" + cat).removeClass("hide"); 
    }).keypress(function() { $(this).change(); }); 

आप श्रृंखला जो कुछ घटनाओं आप चाहते हैं कर सकते हैं और मैन्युअल रूप से परिवर्तन घटना आग।

आईई:

var changeMethod = function() { $(this).change(); }; 
....keypress(changeMethod).click(changeMethod).xxx(changeMethod); 

Answer 3

व्यवहार आप का वर्णन है, परिवर्तन कुंजीपटल-चुने तत्व में स्क्रॉल करके ट्रिगर घटना है, वास्तव में एक इंटरनेट एक्सप्लोरर बग है। DOM Level 2 Event विनिर्देश इस रूप में change घटना परिभाषित करता है:

परिवर्तन घटना तब होता है जब एक नियंत्रण इनपुट फ़ोकस खो देता है और अपने मूल्य फोकस पाने के बाद से संशोधित किया गया है। यह घटना INPUT, SELECT, और टेक्स्टटेरा के लिए मान्य है। तत्व।

यदि आप वास्तव में यह व्यवहार चाहते हैं, तो मुझे लगता है कि आपको कीबोर्ड ईवेंट देखना चाहिए।

$("#selCategory").keypress(function (e) { 
    var keyCode = e.keyCode || e.which; 
    if (keyCode == 38 || keyCode == 40) { // if up or down key is pressed 
    $(this).change(); // trigger the change event 
    } 
}); 

चेक एक उदाहरण here ...

Answer 4

मुझे JQuery 1.4.1 के तहत आईई के साथ यह समस्या थी - कीबोर्ड बदलने के लिए कीबोर्ड का उपयोग किया गया था, तो कॉम्बो बॉक्स पर घटनाओं को बदलना नहीं था।

JQuery 1.4.2 में तय किया गया लगता है।

Answer 5

$('#item').live('change keypress', function() { /* code */ });