jQuery। फोकस() और .blur() क्रोम या सफारी में काम नहीं कर रहे हैं

Question

मैं एक सर्वेक्षण फॉर्म तैयार कर रहा हूं जिसमें प्रत्येक प्रश्न और उत्तर के सेट को हाइलाइट किया गया है (पृष्ठभूमि रंग बदलकर) जब उपयोगकर्ता उन पर ध्यान केंद्रित करता है। । फोकस() और .blur() दोनों फ़ायरफ़ॉक्स और आईई में काम करते हैं, लेकिन सफारी और क्रोम में पूरी तरह से नहीं है। मैंने भी एक ही परिणाम के साथ। फोकसिन() और। फोकसआउट() की कोशिश की। संपादित करें: क्लिकिंग फोकस ईवेंट को आग नहीं देती है, लेकिन इनपुट फ़ील्ड के माध्यम से टैबबिंग करता है। मैं कहता हूं पूरी तरह से नहीं है क्योंकि यह टेक्स्ट इनपुट के लिए काम करता है, इनपुट और टेक्स्टरी इनपुट का चयन करता है; लेकिन रेडियो और चेकबॉक्स इनपुट नहीं।

$(document).ready(function() 
{ 
    $("form li").focusin(function() 
    { 
    $(this).addClass("over"); 
    }).focusout(function() 
    { 
    $(this).removeClass("over"); 
    }); 
}); 

यह इस के समान एचटीएमएल के ब्लॉक के लिए आवेदन किया जा रहा है:

<li> 
    <label for="webmail" class="desc">Email</label> 
    <input type="text" name="webmail" id="webmail" /> 
</li> 
<li> 
    <label for="business" class="desc">Purpose of your Charter Flight:</label> 
    <div> 
     <span> 
      <input type="radio" name="purpose" id="business" class="radio" /> 
      <label class="choice" for="business">Business</label> 
     </span> 
     <span> 
      <input type="radio" name="purpose" id="pleasure" class="radio" /> 
      <label class="choice" for="pleasure">Pleasure</label> 
     </span> 
    </div> 
</li> 

मैं चारों ओर टॉगल के साथ खिलवाड़ की कोशिश की, लेकिन मैं एक और अधिक सुरुचिपूर्ण समाधान है कि जटिल तर्क का प्रयोग को शामिल नहीं करता रहा हूँ इसे काम करने के लिए। कोई विचार?

Answer 1

मैंने कल रात ड्राइव ड्राइव पर इसके बारे में सोचा और इसे अपने आप से बाहर निकाला, यह सबसे सुरुचिपूर्ण समाधान नहीं हो सकता है, लेकिन यह निश्चित रूप से काम करता है।

$(document).ready(function() 
    { 
     $("textarea, input, select, .radio, .checkbox").click(function() 
     { 
      $("form li.over").toggleClass("over"); 
      $(this).parents("li").toggleClass("over"); 
     }); 
    }); 

वैसे भी धन्यवाद!

Answer 2

मैं भी बहुत समय पहले इस समस्या में आया था, और विचित्र रूप से पर्याप्त यह एक रेडियो बटन था जो मुझे दुःख देता था।

बजाय jQuery.change() का उपयोग करके देखें, यहाँ मैं

$("input#zendesk-dropbox-askedbefore, input#zendesk-dropbox-newhere").change(function() { 
    $("label#zendesk-dropbox-label-askedbefore, label#zendesk-dropbox-label-newhere").toggleClass('zendesk-dropbox-label-highlight'); 
}); 

था मामले में यह आईडी नामों में से मेरी पागल प्रयोग से स्पष्ट नहीं है कि इस समस्या से एक काम उदाहरण है, input#zendesk-dropbox-askedbefore & input#zendesk-dropbox-newhere दोनों रेडियो बटन हैं।

Answer 3

// In js area write following method 
$('#chkRikin').focus(function() { 
alert('Say Hi Rikin'); 
}); 


// in html area write following code anenter code hered test it your self 
<input type="checkbox" onclick="this.focus()" onblur="yourMethod()" /> 

it works in google crom