मैप के शीर्ष पर पारदर्शी divs की एक श्रृंखला बनाने की कोशिश कर रहे निचले जेड-इंडेक्स के साथ ऑब्जेक्ट पर फ़ोकस वापस कैसे दे सकता हूं

Question

यदि मेरे पास एक मूल div है जिसमें इसके ऊपर एक बच्चा div है, तो क्या मैं इसे दे सकता हूं बच्चे div div छुपाए बिना पैरेंट पैर फोकस?

मैं Google मानचित्र एपीआई का उपयोग कर रहा हूं और जानकारी डालने के लिए इसके ऊपर पारदर्शी divs का ग्रिड तैयार करना चाहता हूं, हालांकि, मेरे मानचित्र के शीर्ष पर उन सभी छोटे divs के साथ, मैं मानचित्र को खींच नहीं सकता।

मुझे यकीन है कि मैं इसे एपीआई का उपयोग करके कर सकता हूं लेकिन यह बिंदु के बगल में है, क्योंकि मैं इस पर ध्यान देना चाहूंगा कि मैं किस चीज पर काम कर रहा हूं।

<div style="position: relative; width: 100px; height: 100px;" id="wanttofocus"> 
    <div style="position: absolute; width: 100px; height: 100px;" 
    id="want_to_see_but_dont_want_to_focus_on">Some overlay information</div> 
</div> 

मैं JQuery का उपयोग कर रहा है और .focus() के साथ चारों ओर गड़बड़ लेकिन यह है कि ऐसा नहीं हो पाया।

धन्यवाद!

Answer 1

बाहर कर देता है, तो आप "passthru" jQuery के साथ घटनाओं कर सकते हैं:

$(document).ready(function(){ 
    $('#want_to_see_but_dont_want_to_focus_on').bind('mousemove mousedown mouseup', function(e){ 
     $("#wanttofocus").trigger(e); // passing thru the event 
    }); 

    $('#wanttofocus').bind('mousemove mousedown mouseup', function(e){ 
     $('.status').html(e.type + ' ' + e.pageX + ' ' + e.pageY); 
    }); 
}); 

मैं एक साथ फेंक दिया गया है एक jsFiddle, खेलने के लिए स्वतंत्र लग रहा है: http://jsfiddle.net/gK6Aa/