我可以将鼠标悬停，但不能通过点击将元素传递到下面的项目吗？

Question

我有一个视频元素，其顶部是一个 #video-overlay div，它动态绝对定位在视频顶部。叠加层需要接受点击，这工作正常，但我想要一个悬停效果来影响视频。

我还希望能够悬停视频叠加的特定部分，但我不确定这是否可能。

Answer 1

您可能可以将事件以菊花链方式连接起来。

像...

$("#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
            }
        }
);