javascript - mouseentermouseleaveとselect

Question

http://jsfiddle.net/msNhr/

「aaaaa」を超えるとオーバーレイが表示され、オーバーレイ内の選択から何かを選択しようとすると閉じます。どうすればこれを正しく行うことができますか？

オーバーレイは、実際のオーバーレイ領域が残っている場合にのみ閉じる必要があります。

ありがとう！

Answer 1

このフィドルを参照してください: 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()
    });
});