क्या जेएस या jQuery का उपयोग कर डीआईवी के लिए फोकस/खोया फोकस हैंडलर लिखना संभव है?

Question

मेरे पास एक div है और जब उपयोगकर्ता div पर क्लिक करता है तो एक फ़ंक्शन को कॉल किया जाना चाहिए। और जब उपयोगकर्ता कुछ और क्लिक करता है (इस div के अलावा कुछ भी) एक और समारोह कहा जाना चाहिए।

तो मूल रूप से मुझे इस डीआईवी से जुड़े फोकस() और खोए फोकस() फ़ंक्शन कॉल पर होना आवश्यक है। क्या यह जावास्क्रिप्ट में या यहां तक ​​कि jQuery में भी उपलब्ध है?

धन्यवाद।

Answer 1

यहाँ मैं आप क्या चाहते हैं http://jsfiddle.net/kPbfL/1/

के कार्य प्रदर्शन के लिए बनाया आप div को जोड़ने की जरूरत है tabindex विशेषता:

मार्कअप :

<div id="mydiv" tabindex="-1"></div> 

जावास्क्रिप्ट

$("#mydiv").focusin(function() { 
  $("#mydiv").css("background","red"); 
}); 
$("#mydiv").focusout(function() { 
  $("#mydiv").css("background","white"); 
}); 

सीएसएस

#mydiv{ 
width : 50px; 
    height:50px; 
    border : 1px solid red; 
}​ 
​ 

Answer 2

फोकस DIV पर काम नहीं करते: http://api.jquery.com/focus/

भी अच्छा पढ़ने: jquery : focus to div is not working

If you want to focus a div or anything normally can't be focused, set the tag's tabindex to -1 first. 
eg: $("div#header").attr("tabindex",-1).focus(); 

Answer 3

ज़रूर।

$("#your-div-id").focusin(function() { 
    // code here 
}); 

$("#your-div-id").focusout(function() { 
    // code here 
}); 

Answer 4

सुनिश्चित नहीं हैं कि अगर इस समाधान अपने वेब पेज सूट, लेकिन आप पर JQuery इस्तेमाल कर सकते हैं() शरीर तत्व के लिए क्लिक करें घटना देते हैं और बच्चे div के लिए इसे सौंपने के लिए। फिर अपने ईवेंट हैंडलर में, आईडी विशेषता का परीक्षण करें और इस तरह से संभाल लें; कुछ की तरह:

$(body).on("click", "div", function (evt) { 
    if ($(this).attr("id") == "innerDiv") { 
      handle inner div click here 
    } else { 
      hanlde out div click here 
    { 
} 

आशा इस मदद करता है ...