Google क्रोम रेडियो बटन पर धुंधला घटना नहीं चलाता है?

Question

यह यहां मेरी पहली पोस्ट है - को नमस्कार

मैं वर्तमान में सीएसएस और jQuery के समर्थन के साथ एक एचटीएमएल प्रपत्र के विकास कर रहा हूँ। इस फॉर्म का उपयोग 'अनुभवहीन उपयोगकर्ताओं' द्वारा किया जाएगा, इसलिए मेरा ध्यान अच्छी उपयोगिता पर आधारित है। इसके लिए मैं आगे के निर्देशों के साथ हर इनपुट क्षेत्र में एक संकेत प्रदान कर रहा हूं। संकेत दिखाने के लिए मैं ऑनफोकस/ऑनब्लर जावास्क्रिप्ट इवेंट का उपयोग कर रहा हूं, इसलिए एक समय में केवल एक संकेत दिखाया गया है। यह अच्छी तरह से काम करता था जब मेरे पास केवल type="text" के इनपुट फ़ील्ड थे, लेकिन type="radio" के इनपुट फ़ील्ड के साथ मुझे Google क्रोम में परेशानी का सामना करना पड़ रहा है।

मैंने jsfiddle.net पर त्वरित उदाहरण बनाया ताकि आप देख सकें कि मेरा क्या मतलब है। कोड मेरे कोड में उपयोग किए जाने वाले कोड के समान ही है, इसलिए मैंने इसे यहां पोस्ट करने के लिए परेशान नहीं किया। Google क्रोम को छोड़कर अब तक परीक्षण किए गए प्रत्येक ब्राउज़र में अलर्ट पॉप अप करता है। मुझे आश्चर्य है क्योंकि? क्या इसमें कोई ज्ञात समाधान या कामकाज है?

Answer 1

Working sample:

$('input').on({ 
    click: function (e) { 
     this.focus(); 
     $('#' + this.id + 'msg').show(); 
    }, 
    blur: function (e) { 
     $('#' + this.id + 'msg').hide(); 
    } 
}); 

Answer 2

blur क्रोम के कुछ संस्करणों पर काम करेगा (लेकिन मेरा 10.0.648.205 नहीं), लेकिन केवल तभी जब आप तत्वों के पूरे संग्रह से दूर चले जाते हैं। सुनिश्चित नहीं है कि यह सहायक है, लेकिन यह काम करेगा:

$('input:radio').click(function() { 
    alert('why does this not show up in google chrome?!'); 
}); 

एचटीएच।

Answer 3

quirksmode से:

जब उपयोगकर्ता चेक बॉक्स, रेडियो या बटन का उपयोग करने की माउस का उपयोग करता है सफारी और क्रोम फोकस/कलंक घटनाओं आग नहीं है। टेक्स्ट फ़ील्ड, टेक्स्टरेरा और चयन बॉक्स सही तरीके से काम करते हैं।

इस here के आसपास काम करने के लिए कुछ सुझाव दिए गए हैं।