点击下拉列表外其他区域，下拉列表框消失

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/xuaner8786/article/details/85259376

html代码

<div class="gdul_searchbox">
    <input type="text">
    <ul class="search_prompt">
        <li></li>
    </ul>
</div>

js代码

    /*搜索下拉提示*/
    $('.gdul_searchbox input').click(function(){
        $('.search_prompt').show();
    })
    $('.search_prompt li').click(function(){
        $('.search_prompt').hide();
    }) 
    //点击下拉列表外其他区域，下拉列表框消失
    $(document).mouseup(function (e) {
        var _con = $('.gdul_searchbox');
        if (!_con.is(e.target) && _con.has(e.target).length === 0) {
            $('.search_prompt').hide()
        }
    })