Kann ich Hover haben, aber Klicks nicht durch ein Element auf das darunter liegende Element übertragen?

Question

Ich habe ein Video-Element, und darauf befindet sich ein #video-overlay div, das dynamisch absolut positioniert ist, um über dem Video zu liegen. Das Overlay muss Klicks akzeptieren, was auch funktioniert, aber ich möchte gerne einen Hover-Effekt auf das Video haben.

Ich würde auch gerne bestimmte Teile des Video-Overlays mit der Maus überfahren können, bin mir aber nicht sicher, ob das möglich ist.

Answer 1

Sie könnten wahrscheinlich einfach die Ereignisse hintereinander schalten.

so etwas wie...

$("#overlay").bind('mouseenter', function(){
  $("#video").trigger("mouseenter");
});

$("#overlay").bind('mouseout', function(){
  $("#video").trigger("mouseout");
});

Answer 2

$('something').live('mouseover mouseout',
        function(event){
            if (event.type == 'mouseover') {
                //mouseover fn
            }
            else {
               //mouseout fn
            }
        }
);