javascript - mouseenter mouseleave 和一个选择

Question

http://jsfiddle.net/msNhr/

当您越过“aaaaa”时，会显示一个覆盖层，当您尝试从覆盖层内的选择中选择某些内容时，覆盖层会关闭。 我该如何做对？

仅当实际覆盖区域剩余时，覆盖才应关闭。

谢谢!

Answer 1

请看这个 fiddle :http://jsfiddle.net/msNhr/3/ (在 Fx14 和 Ch 21.0.1180.57 上试过)

我刚刚停止了 mouseleave 事件的传播，因此它不会到达覆盖层

相关js

$(function() {
    $('#a').mouseenter(function() {
        $('#overlay').show();
    });
    $('#overlay').mouseleave(function() {
        $(this).hide();
    });
    $('#overlay select').mouseleave(function(ev) {
        ev.stopPropagation()
    });
});