javascript - jQuery下拉框行为

在以下代码中，用户可以将鼠标悬停在该区域上，然后出现一个下拉框。
如果用户单击屏幕上的某个位置，则用户希望该框消失。有没有办法使用JavaScript和jQuery完成此任务？

下面的代码...预先感谢您的答复。

<script type="text/javascript">

    $(document).ready(function () {
        $(".password").fancybox({
            'width': 500,
            'height': 260,
            'autoScale': false,
            'transitionIn': 'none',
            'transitionOut': 'none',
            'type': 'iframe'
        });



        // Login drop down
        $(".signin").hover(function (e) {
            e.preventDefault();
            $(".signin_menu").show();
            $(".signin").addClass("menu-open");
        });
        $(".signin_menu").hover(function (e) {
            e.preventDefault();
            $(".signin_menu").show();
            $(".signin").addClass("menu-open");
        });

最佳答案

尝试添加以下内容：

$('html').on('click', function() {
    $('.signin_menu:visible').hide();
});

$('.signin_menu > *').on('click', function(event) {
    event.stopPropagation();
});

如果用户单击.signin_menu之外的元素，则.signin_menu将被隐藏。

关于javascript - jQuery下拉框行为，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/17727646/