js实现点击模拟下拉框外部隐藏下拉框功能

demo代码如下

<body style="height:900px">

        <button onclick="show()" id="divShow">显示</button>

        <div id="div" style="display:none" title='下拉列表内容'>显示的内容</div>

<script src="jquery.js"></script>//引入jq文件

$(function(){

        $(document).click(function(e){

                if( e.target.id =='div'){

                        return true;

                }else{

                        if(e.target.id =='divShow'){

                                e.stopPropagation()

                        }else {

                                $('#div').hide();

               }

        }

    });

});

function show() {

    if($('#div').css('display')=='none'){

        $('#div').show();

    }else {

        $('#div').hide();

    }

}

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容