Как я могу вернуть фокус на объект с более низким z-index, пытаясь создать серию прозрачных элементов div на вершине карты

Question

Если у меня есть родительский div, который содержит дочерний div, могу ли я выделить родительский div, не скрывая дочерний div?

Я использую API Карт Google и хотел бы нарисовать на ней сетку прозрачных элементов div для вставки информации, однако, так как все эти небольшие элементы div поверх моей карты, я не могу перетащить карту.

Я уверен, что могу сделать это с помощью API, но это не относится к делу, потому что я хотел бы делать это независимо от того, над чем я работаю.

<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

Оказывается, вы можете "передавать" события с помощью 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/